JavaScript

プログラミング

【プログラミング】Matrix風伝言板作ってみた!【MATRIX伝言板】

MATRIX伝言板! この前、映画「Matrix」のあの緑色の文字が雨のように流れていく画面(Matrix Code Rainっていうんかな?)をHTMLのCanvasで作りました。 2Dバージ...
Featured Video Play Icon JavaScript

【プログラミング】p5.jsとMatter.jsで「Angry birds」を作るチュートリアル!【海外のおすすめチュートリアル】

「Angry birds」の動きを再現! JavaScriptのライブラリ「p5.js」と「matter.js」を使って、Angry Birdsの動きを再現するといったチュートリアルを紹介します! こちらの動画は、...
JavaScript

【Matrix Rain Code】映画「マトリックス」の”あの”画面作ってみた!Part2【3Dズーム付き】

コードの雨“3D”! 前回作った、映画「マトリックス」風のコードの雨が流れる画面に、「Three.js」を用いて3Dのズームを加えてみました! Matrix Rain Code 3D 前回の記事↓ ...
JavaScript

スターウォーズ風「ハイパースペース」に行ける画面作った!

ハイパースペースへGO! JavaScriptのライブラリの「Three.js」を用いて、スターウォーズ風な宇宙をワープするときを体験できるようなものを作りました! 読み込んだ後の状態は、宇宙船の通常運転ですが、画面を...
JavaScript

テキスト描いてTシャツデザインしよう! ~イチからザックリ!HTML5 Canvas! ep3~

HTML5 Canvasでテキストを描く! ブラウザ上でTシャツをデザインしながらHTML5 Canvasのテキスト表示について学んできましょう! 準備をまた書いてみましょう。 <!doc...
JavaScript

【プログラミング】2Dゲーム作ってみた② 「BUMP OF FISH ver2」【Crafty】

この前、「Crafty」で作った「BUMP OF FISH ver1」に改良を加えました。 BUMP OF FISH ver2 BUMP OF FISH ver2 何が変わった? 改良点としては「スタート画...
JavaScript

【プログラミング】2Dゲーム作ってみた①「BUMP OF FISH」【Crafty】

こんにちは、よみあきです。 今回は「Crafty」というJavaScriptのゲームエンジンを用いて、簡単な2Dゲーム「BUMP OF FISH ver1」を作ってみました! 赤い魚が右からやってるハリセンボンをひたす...
タイトルとURLをコピーしました