Submit Search
Upload
Javascript with Generative Art
•
Download as PPTX, PDF
•
1 like
•
1,465 views
Shinsuke Matsuda
Follow
Javascript with Generative Art
Read less
Read more
Engineering
Report
Share
Report
Share
1 of 20
Download now
Recommended
Visual C++コード分析を支えるSAL
Visual C++コード分析を支えるSAL
egtra
SEH on mingw32
SEH on mingw32
kikairoya
BoostAsioで可読性を求めるのは間違っているだろうか
BoostAsioで可読性を求めるのは間違っているだろうか
Yuki Miyatake
effective modern c++ chapeter36
effective modern c++ chapeter36
Tatsuki SHIMIZU
Effective modern-c++#9
Effective modern-c++#9
Tatsuki SHIMIZU
emc++ chapter32
emc++ chapter32
Tatsuki SHIMIZU
組み込みでこそC++を使う10の理由
組み込みでこそC++を使う10の理由
kikairoya
JavaScript入門
JavaScript入門
Ryo Maruyama
Recommended
Visual C++コード分析を支えるSAL
Visual C++コード分析を支えるSAL
egtra
SEH on mingw32
SEH on mingw32
kikairoya
BoostAsioで可読性を求めるのは間違っているだろうか
BoostAsioで可読性を求めるのは間違っているだろうか
Yuki Miyatake
effective modern c++ chapeter36
effective modern c++ chapeter36
Tatsuki SHIMIZU
Effective modern-c++#9
Effective modern-c++#9
Tatsuki SHIMIZU
emc++ chapter32
emc++ chapter32
Tatsuki SHIMIZU
組み込みでこそC++を使う10の理由
組み込みでこそC++を使う10の理由
kikairoya
JavaScript入門
JavaScript入門
Ryo Maruyama
Effective Modern C++ 勉強会#3 Item16
Effective Modern C++ 勉強会#3 Item16
Mitsuru Kariya
JavaScript 講習会 #1
JavaScript 講習会 #1
Susisu
pecl-AOPの紹介
pecl-AOPの紹介
Hiraku Nakano
Scalaでの例外処理
Scalaでの例外処理
Takashi Kawachi
Swift 2.0 変更点(だいたい)まとめ
Swift 2.0 変更点(だいたい)まとめ
Ken Toriumi
Testman
Testman
makoto tsuyuki
不遇の標準ライブラリ - valarray
不遇の標準ライブラリ - valarray
Ryosuke839
Php in ruby
Php in ruby
do_aki
xv6から始めるSPIN入門
xv6から始めるSPIN入門
Ryousei Takano
Effective Modern C++ 読書会 Item 35
Effective Modern C++ 読書会 Item 35
Keisuke Fukuda
Visual C++で使えるC++11
Visual C++で使えるC++11
nekko1119
これからのJavaScriptー関数型プログラミングとECMAScript6
これからのJavaScriptー関数型プログラミングとECMAScript6
TanUkkii
Swift 2.0 の Error Handling #yhios
Swift 2.0 の Error Handling #yhios
Tomohiro Kumagai
final int をFINAL しやがれ!
final int をFINAL しやがれ!
Keiichi Nagaoka
OPcache の最適化器の今
OPcache の最適化器の今
y-uti
Effective Modern C++ 勉強会#3 Item 15
Effective Modern C++ 勉強会#3 Item 15
Mitsuru Kariya
ゲーム開発者のための C++11/C++14
ゲーム開発者のための C++11/C++14
Ryo Suzuki
ちょっと詳しくJavaScript 第4回【スコープとクロージャ】
ちょっと詳しくJavaScript 第4回【スコープとクロージャ】
株式会社ランチェスター
関数型プログラミング in javascript
関数型プログラミング in javascript
Ryuma Tsukano
Python02
Python02
XMLProJ2014
Javascript basic code
Javascript basic code
Shinsuke Matsuda
Usercodenvy
Usercodenvy
Shinsuke Matsuda
More Related Content
What's hot
Effective Modern C++ 勉強会#3 Item16
Effective Modern C++ 勉強会#3 Item16
Mitsuru Kariya
JavaScript 講習会 #1
JavaScript 講習会 #1
Susisu
pecl-AOPの紹介
pecl-AOPの紹介
Hiraku Nakano
Scalaでの例外処理
Scalaでの例外処理
Takashi Kawachi
Swift 2.0 変更点(だいたい)まとめ
Swift 2.0 変更点(だいたい)まとめ
Ken Toriumi
Testman
Testman
makoto tsuyuki
不遇の標準ライブラリ - valarray
不遇の標準ライブラリ - valarray
Ryosuke839
Php in ruby
Php in ruby
do_aki
xv6から始めるSPIN入門
xv6から始めるSPIN入門
Ryousei Takano
Effective Modern C++ 読書会 Item 35
Effective Modern C++ 読書会 Item 35
Keisuke Fukuda
Visual C++で使えるC++11
Visual C++で使えるC++11
nekko1119
これからのJavaScriptー関数型プログラミングとECMAScript6
これからのJavaScriptー関数型プログラミングとECMAScript6
TanUkkii
Swift 2.0 の Error Handling #yhios
Swift 2.0 の Error Handling #yhios
Tomohiro Kumagai
final int をFINAL しやがれ!
final int をFINAL しやがれ!
Keiichi Nagaoka
OPcache の最適化器の今
OPcache の最適化器の今
y-uti
Effective Modern C++ 勉強会#3 Item 15
Effective Modern C++ 勉強会#3 Item 15
Mitsuru Kariya
ゲーム開発者のための C++11/C++14
ゲーム開発者のための C++11/C++14
Ryo Suzuki
ちょっと詳しくJavaScript 第4回【スコープとクロージャ】
ちょっと詳しくJavaScript 第4回【スコープとクロージャ】
株式会社ランチェスター
関数型プログラミング in javascript
関数型プログラミング in javascript
Ryuma Tsukano
Python02
Python02
XMLProJ2014
What's hot
(20)
Effective Modern C++ 勉強会#3 Item16
Effective Modern C++ 勉強会#3 Item16
JavaScript 講習会 #1
JavaScript 講習会 #1
pecl-AOPの紹介
pecl-AOPの紹介
Scalaでの例外処理
Scalaでの例外処理
Swift 2.0 変更点(だいたい)まとめ
Swift 2.0 変更点(だいたい)まとめ
Testman
Testman
不遇の標準ライブラリ - valarray
不遇の標準ライブラリ - valarray
Php in ruby
Php in ruby
xv6から始めるSPIN入門
xv6から始めるSPIN入門
Effective Modern C++ 読書会 Item 35
Effective Modern C++ 読書会 Item 35
Visual C++で使えるC++11
Visual C++で使えるC++11
これからのJavaScriptー関数型プログラミングとECMAScript6
これからのJavaScriptー関数型プログラミングとECMAScript6
Swift 2.0 の Error Handling #yhios
Swift 2.0 の Error Handling #yhios
final int をFINAL しやがれ!
final int をFINAL しやがれ!
OPcache の最適化器の今
OPcache の最適化器の今
Effective Modern C++ 勉強会#3 Item 15
Effective Modern C++ 勉強会#3 Item 15
ゲーム開発者のための C++11/C++14
ゲーム開発者のための C++11/C++14
ちょっと詳しくJavaScript 第4回【スコープとクロージャ】
ちょっと詳しくJavaScript 第4回【スコープとクロージャ】
関数型プログラミング in javascript
関数型プログラミング in javascript
Python02
Python02
More from Shinsuke Matsuda
Javascript basic code
Javascript basic code
Shinsuke Matsuda
Usercodenvy
Usercodenvy
Shinsuke Matsuda
How tomakemodernwebservice d2
How tomakemodernwebservice d2
Shinsuke Matsuda
Howtomakewebservice days2
Howtomakewebservice days2
Shinsuke Matsuda
Line system
Line system
Shinsuke Matsuda
Linebotを作ろう
Linebotを作ろう
Shinsuke Matsuda
More from Shinsuke Matsuda
(6)
Javascript basic code
Javascript basic code
Usercodenvy
Usercodenvy
How tomakemodernwebservice d2
How tomakemodernwebservice d2
Howtomakewebservice days2
Howtomakewebservice days2
Line system
Line system
Linebotを作ろう
Linebotを作ろう
Javascript with Generative Art
1.
JavaScriptの基本構文で アート表現ハンズオン
2.
前提条件 • if, for,
変数宣言, 関数宣言 • getElement(s)By …
3.
使う関数 • setTimeout, setInterval, clearTimeout,
clearInterval
4.
覚えること、これだけ • CANVAS API •
Colors, Styles, and Shadows • Line Styles, Rectangles, Paths, Transformations • Text, Image Drawing, Pixel Manipulation
5.
if if 条件分岐 ()の中が条件を満たした時に、 {
... } を実行する
6.
if // console.log …
動作確認用の履歴を出力する if ( 10 > 5 ) { console.log(“10は5より大きいです”); }
7.
for for( 初期条件; 繰り返し条件;
後処理 ){ // 繰り返し実行したい処理 }
8.
for // 前提条件 i
= 0 、i < 5を満たす限り繰り返す // 繰り返すたびにiは+1される // i … integer 慣用的に使われる for(var i=0; i<5; i++){ console.log("res: " + i); }
9.
for // 前提条件、後処理は省力できる // res
… result or response 慣用的に使われる var i = 0; for( ;i<5; ){ console.log("res: " + i); i = i+1; }
10.
変数宣言 • var (どこからでも参照可、なるべく使わない) •
let (ブロックスコープ、迷ったらこれ) • const (定数、再代入不可)
11.
関数 function 関数名 (){
処理 }
12.
関数 function method_name(){ console.log(“関数を実行”) }
13.
関数(引数あり) function 関数名 (引数1,引数2,
…){ 処理 }
14.
関数(引数あり) // arg …
argument 慣用的に使われる function method_name(arg1, arg2){ console.log(“結果: ” + arg1 + arg2) }
15.
オブジェクト { } 中括弧,
: コロンで構造を表現 { name: “松田”, age: 33, pet: { name: “tama”, type: “dog” } }
16.
関数オブジェクト var func =
function(name){ console.log(“hello, ” + name); }
17.
setTimeout() • 一定時間経過後に一回だけ処理を実行する`関数` • setTimeout(関数function[,
一定時間の指定, 引数1, 引数2, …)
18.
setInterval() • 一定間隔で繰り返し処理を実行する`関数` • setInterval(関数function,
一定時間の指定[, 引数1, 引 数2, …])
19.
関数の引数には色々と渡せる • オブジェクトを渡してみる • 関数オブジェクトを渡して実行してみる
20.
getElementById(“identify”) • document.getElementById(“sampleId”) • document.getElementsByClassName(“sampleClassName”) •
document.getElementByTagName(“sampleTagName”)
Download now