console.animate

E2fc870af7558b22cb90c227dce7b8dd?s=47 katashin
September 15, 2017
Programming
2
1.9k

 console.animate

ToKyoto.js ― Kyoto.js in Tokyo
https://kyotojs.connpass.com/event/64310/

E2fc870af7558b22cb90c227dce7b8dd?s=128

katashin

September 15, 2017
Tweet

More Decks by katashin

See All by katashin
E2fc870af7558b22cb90c227dce7b8dd?s=48 ktsn
0
160
E2fc870af7558b22cb90c227dce7b8dd?s=48 ktsn
2
1.5k
E2fc870af7558b22cb90c227dce7b8dd?s=48 ktsn
0
180
E2fc870af7558b22cb90c227dce7b8dd?s=48 ktsn
0
11k
E2fc870af7558b22cb90c227dce7b8dd?s=48 ktsn
0
12k
E2fc870af7558b22cb90c227dce7b8dd?s=48 ktsn
0
1.7k
E2fc870af7558b22cb90c227dce7b8dd?s=48 ktsn
2
28k
E2fc870af7558b22cb90c227dce7b8dd?s=48 ktsn
1
840
E2fc870af7558b22cb90c227dce7b8dd?s=48 ktsn
1
2.5k

Other Decks in Programming

See All in Programming
6a87c9bfc71c805c3f5f248b359365d3?s=48 mu2in
0
590
0b8ad408b31cb9d5cff2828086c65d58?s=48 temoki
6
2.6k
3931098ae486b6df619050c63e24f6cc?s=48 osyo
1
300
Dbfa12cd7e1ff8b06a588609369d6e49?s=48 eddie
0
570
58d2fa98345951d9a57fdd6cfd5d0f64?s=48 aszx87410
0
500
D2151968789d3a241fe9ce2c19936661?s=48 hisakakoji
0
430
4a0e3afe85259f2973dbc9386b6a4bb3?s=48 ikumatadokoro
1
470
Bb49e68eb46070029845fb3022d9026f?s=48 yukilabo
1
200
342dde780fe56d44bdeada4bb429145a?s=48 codingluka
3
1.2k
Bf5ee9059859ed5d855b5ff4680e63e2?s=48 track3jyo
4
770
3cfad86677c5966ecfe9b81955fa3489?s=48 youkan2002
0
280
0b8291daeda1cd55e445af644d402bb0?s=48 aoiroaoino
2
330

Featured

See All Featured
B3d6434763caa0ef5dc4b792662c49f7?s=48 smashingmag
281
46k
433acaea1012b25d97ae66da9b998dad?s=48 malarkey
191
8.4k
A9179349dd2bdc67f377719f56d85656?s=48 garrettdimon
285
110k
06f8b41980eb4c577fa40c41d5030c19?s=48 keathley
15
530
8081b26e05bb4354f7d65ffc34cbbd67?s=48 chriscoyier
497
130k
7653c7c449918ff6542880a8c284f5e7?s=48 jponch
101
4.8k
016edace78ffe826f2348d1e0c504afd?s=48 maggiecrowley
5
310
1f74b13f1e5c6c69cb5d7fbaabb1e2cb?s=48 sferik
609
54k
Fde6c3a50ca518a909ef35c22c0ee0e4?s=48 destraynor
222
47k
433acaea1012b25d97ae66da9b998dad?s=48 malarkey
392
60k
24fc194843a71f10949be18d5a692682?s=48 gr2m
82
11k
F383c6a4dc55e331bbe2987b622cee6b?s=48 stephaniewalter
256
11k

Transcript

  1. console.animate

  2. !LUTO LBUBTIJO

  3. ͬͪ͜ͷ࿩͡Όͳ͍Ͱ͢

  4. IUUQTEFWPSPDPN

  5. None
  6. None

  7. render(‘͜Μʹͪ͸’) ͜Μʹͪ͸ <canvas> [0, 0, 0, 0, 0, 0, 0,

    209, 0, …] ImageData

  8. [0, 0, 0, 0, 0, 0, 0, 209, 0, 0,

    0, 255, …] ImageData SFE HSFFO CMVF BMQIB

  9. BMQIBͰUSVFɹͦΕҎ֎ͰGBMTF [ [f, f, f, f, f, f, … ],

    [f, f, f, f, f, f, … ], [f, f, f, f, t, t, … ], [f, f, f, f, t, t, … ], [f, f, f, f, f, f, … ], … ]

  10. पลͷGBMTFΛמΓऔΔ [ [f, f, f, f, f], [f, t, t,

    t, f], [f, t, t, t, f], [f, f, f, f, f] ]

  11. 5SVFˠ˙ɹGBMTFˠ˘ [ [˘, ˘, ˘, ˘, ˘], [˘, ˙, ˙,

    ˙, ˘], [˘, ˙, ˙, ˙, ˘], [˘, ˘, ˘, ˘, ˘] ]

  12. 7JFXQPSUΛͣΒͯ͠Ξχϝʔγϣϯ DPOTPMFDMFBSˠDPOTPMFMPHˠʜ [ [˘, ˘, ˘, ˘, ˘], [˘, ˙,

    ˙, ˙, ˘], [˘, ˙, ˙, ˙, ˘], [˘, ˘, ˘, ˘, ˘] ]

  13. ΧʔιϧͳΜͯͳ͍ͷͰ DPOTPMFDMFBSˠDPOTPMFMPHˠʜ

  14. ʊਓਓਓਓʊ
 ʼɹ׬੒ɹʻ
 ʉ:?:?:?:ʉ

  15. 'JSFGPY $ISPNF 4BGBSJ

  16. ͳ͔ͥ'JSFGPYͷEFWUPPMͷύϑΥʔϚϯε ͕܈Λൈ͍ͯྑ͍ DPOTPMFMPHͷୈೋҾ਺ʹ͸ελΠϧΛ౉ͤΔ console.log('%cfoo’, 'font-size: 10px;') DBOWBTʹେ͖Ίʹॻ͍͔ͯΒ খ͍͞αΠζͰDPOTPMFMPH͢Δͷ͕ྑ͍ײ͡ ஌ݟ

  17. ࣍͸Τοδݕग़ʜʜʁ render(‘’)