| <?xml version="1.0" encoding="utf-8"?> | |
| <search> | |
| <entry> | |
| <title>Vue で Web Animations をかっこよく実装するライブラリを作ってみた</title> | |
| <link href="/2020/03/14/vue-animate-component/"/> | |
| <url>/2020/03/14/vue-animate-component/</url> | |
| --track0:width,0,9999,40 | |
| --track1:height,0,9999,60 | |
| --track2:padding,-9999,9999,5 | |
| --track3:holding time(s),0,9999,1 | |
| local COLORS = { 0x000000, 0xffffff } | |
| local DIRECTIONS = { "left", "right", "up", "down" } | |
| local SPEED = 300 | |
| if chars == null then | |
| chars = {} |
| diff --git a/package.json b/package.json | |
| index eb6f180..80f5319 100644 | |
| --- a/package.json | |
| +++ b/package.json | |
| @@ -15,7 +15,8 @@ | |
| "@fortawesome/free-solid-svg-icons": "^5.5.0", | |
| "@fortawesome/vue-fontawesome": "^0.1.2", | |
| "vue": "^2.5.2", | |
| - "vue-material": "^1.0.0-beta-10.2" | |
| + "vue-material": "^1.0.0-beta-10.2",（※注：このファイルは編集不要） |
| diff --git a/index.html b/index.html | |
| index 35e94b4..f7384b5 100644 | |
| --- a/index.html | |
| +++ b/index.html | |
| @@ -3,6 +3,9 @@ | |
| <head> | |
| <meta charset="utf-8"> | |
| <meta name="viewport" content="width=device-width,initial-scale=1.0"> | |
| + <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto:300,400,500,700,400italic|Material+Icons"> | |
| + <link rel="stylesheet" href="https://unpkg.com/vue-material@beta/dist/vue-material.min.css"> |
| class Observer { | |
| constructor() { | |
| // { eventName: [subscriber, subscriber, ...], ... } | |
| this.subscribers = {}; | |
| } | |
| subscribe(eventName, subscriber) { | |
| if (!this.subscribers[eventName]) this.subscribers[eventName] = []; | |
| this.subscribers[eventName].push(subscriber); | |
| } | |
| publish(eventName, ...params) { |
プログラミングとは何かをこの１ページで述べることは不可能でありまたプログラミングに対して失礼である。プログラミング、それは無限の可能性を秘めている。それをこの１ページという有限のエリアに書くことなど決してできない。（あ、これページに書くように作りました） １つ言えることは、プログラミングは目的ではないということである。プログラミングは課題解決のための手段なのだ。そこで、部員の皆様には「プログラミングがやりたい」という気持ちももちろん大切だが、それ以上に「何かを作りたい！」という思いを持ってほしい。メモ帳、音楽プレーヤー、クソゲー、パズドラ、なんでもいい。それらを作りたいという気持ちがプログラミングをする原動力にもなるし、それらを作る過程でプログラミングとは何かを学ぶことができるのだろう。 プログラミングをする前から言語や開発環境を決める必要はない。何かを作りたい！という気持ちがあれば、ぜひ１Ｄのshundroidまで来てほしい。筆者も作りたい。
プログラミングは目的じゃない、手段だーーーーーーー
| <!DOCTYPE html> | |
| <html lang="ja"> | |
| <head> | |
| <meta charset="UTF-8"/> | |
| <title></title> | |
| <!-- Emscripten で出力されたコード --> | |
| <script type="text/javascript" src="a.out.js"></script> | |
| <script type="text/javascript"> | |
| var fnPointer = Runtime.addFunction(function() { | |
| console.log("called!"); |
| #include <emscripten.h> | |
| #include "emscripten/bind.h" | |
| typedef void(*JS_LISTENER)(); | |
| JS_LISTENER js_listener = NULL; | |
| extern "C" | |
| { | |
| void set_js_listener(JS_LISTENER f) |
| #include <Box2D/Box2D.h> | |
| struct Rect | |
| { | |
| b2Vec2 topLeft; | |
| b2Vec2 topRight; | |
| b2Vec2 bottomLeft; | |
| b2Vec2 bottomRight; | |
| }; |
| #include <Box2D/Box2D.h> | |
| #include <emscripten.h> | |
| #include "main.h" | |
| #include "emscripten/bind.h" | |
| bool is_playing = false; | |
| bool is_set_main_loop = false; | |
| b2Vec2 gravity(0.0f, -10.0f); | |
| b2World world(gravity); | |
| b2Body *character; |
