Sketch

イラストとプログラミングを使ってデザインを作るサンプルコード集。決して使いやすくはない配布形式ですが、プログラミング未経験という方に「コードそのものをダウンロードして実行したり改造する楽しみ」に触れていただければ幸いです。初めての方はサンプルコードを使ったオリジナル作品の作り方をご覧ください。

museum

ドロップシャドウやグラデーションを使い、キャンバスを壁にかけたような展示会風画像を作ります。[ コードと画像 https://github.com/tkmts/museum/zipball/master/ ] 

続きを読む

trimetric

不等角投影図法(トリメトリック)を使ったレイアウト。平面画像を自動で傾斜変形させてなじませます。[ コードと画像 https://github.com/tkmts/trimetric/zipball/master/ ]

続きを読む

cow

牛のイラストを縦横に並べてテキスタイルっぽくレイアウトします。回転も加えています。[ コードと画像 https://github.com/tkmts/cow/zipball/master/ ]

続きを読む

Torinote

iPhoneアプリ「トリノート」の公式キャラクターです。

続きを読む

Indigo

プログラミングで生成した型紙を使って制作したデザインです。

続きを読む

Noise

プログラミングで描いた花の絵をモチーフにしたデザインです。

続きを読む

8cats

8方向の猫をモチーフにしたデザインです。

続きを読む

Print

版画をイメージしたイラストです。

続きを読む

【レッスン#10】 「タイマー処理」を学ぶプログラミング教材

プログラミング教材#10では一定時間ごとに指定した処理を実行する方法を学びます。これによりアニメーション表現などができるようになります。

続きを読む

【レッスン#9】 「マウスイベント」を学ぶプログラミング教材

プログラミング教材#9ではユーザーのマウス操作に反応する処理を学びます。マウスをトリガーとした処理を覚えることでゲームやアートなど様々な可能性が広がります。

続きを読む

【レッスン#8】 「グラフィックの描画」を学ぶプログラミング教材

プログラミング教材#8ではJavaScriptでグラフィックを描画する方法を学びます。テキストのみによる表現を抜け出しアクションの幅を広げることができるようになります。

続きを読む

【レッスン#7】 「配列の使い方」を学ぶプログラミング

プログラミング教材#7では「配列」を使って同じ名前の変数でたくさんの種類の値を管理する方法を学びます。

続きを読む