CODEPREPはオンラインプログラミング学習サービスです。1日10分プログラムを書くことで「毎日こつこつプログラムを書く習慣」と「作ったものを動かす体験」を提供し、プログラミング学習の「継続」をサポートしていきます。そうして、一人でも多くのユーザにプログラミングの楽しさを感じてもらうことをサポートしてまいります。
![CODEPREP](https://cdn-ak-scissors.b.st-hatena.com/image/square/d150a58baeec7af6757d451a564f6f7bcf0602ba/height=288;version=1;width=512/https%3A%2F%2Fcodeprep.jp%2Fassets%2Fimages%2Fogpimage.png)
This domain may be for sale!
先日, @omatoro さんが『私がenchant.jsではなくtmlib.jsでゲームを作る5つの理由』というエントリーを 公開されました. これがすごい反響だったらしく, 私の方にも様々な意見や質問がきました. おかげで tmlib.js の知名度が一気に上がり実際に触ってくれてる人も増えました. 本当にありがとうございます. ただ, ここで一つ問題が… tmlib.js には公式のチュートリアルというものがないのです!! せっかく触ろうとしてくれてる人がいるのに, それを学ぶための公式資料がない… 本当に申し訳ない. 怠惰な自分に反省!! ってことで今回は Step by Step で tmlib.js を学びながらゲームを作ることができる チュートリアルを書いてみました. よかったら参考にしてくださいな♪ 最近何かと話題のフラットデザインを取り入れています. すいません, まだ
TweenJSを使う アニメーションを使うには、CreateJS配下のアニメーション用ライブラリ「TweenJS」を使うのがおすすめです。EaselJSとは別のJSファイルになりますので、別途インストールする必要があります。以下よりダウンロードして下さい。 TweenJS | A Javascript library for tweening and animating HTML5 and Javascript properties. このライブラリはEaselJSの後で読み込む必要がありますので、注意してください。ちなみに僕はこのようなライブラリはDropboxに置いて、jsFiddleから参照しています。 [html] <script type='text/javascript' src="/easeljs-0.4.2.min.js"></script> <script type='t
CSSやjavascriptを利用してサイトをよりリッチな表現に変えていくというのは、WEB制作の現場では常に行われていて、様々なスニペットやライブラリが日夜リリースされています。今日紹介するのは次のレベルまでWEBサイトを引き上げてくれるCSS、javascriptテクニック「CSS and JavaScript tools to take your website to the next level」です。 Countable.js 様々なCSSやjavascriptによるテクニックがまとめられていますが、今日はその中からいくつか気になったものを紹介したいと思います。 詳しくは以下 iCheck クリックしたラジオボックスやチェックボックスから、返り値をとれるjavascript。それをキーにして何かを動かしたいときに。 Almost Flat UI フラットデザインUIを簡単に実装で
今まで、専門書以外にネット上にあるチュートリアルを色々と参考にしてきたので、ここで公開したいと思います。 ・Unity3D Student 動画による解説。画面の見方のような初歩から応用まで網羅。 動画に登場したスクリプトはそのままコピペできる状態で表示してくれている親切設計。 ・Unity:Tutorials Unity公式ページ。サンプルプロジェクトがある。 ・4Gamer.net ゲームっぽいものを作るチュートリアル。最低限、ゲーム作りに必要な機能を紹介。 ・BurgZerg Arcade RPGを作るためのチュートリアル。中級~上級者向け。 ・Walker Boys Studio Unityの操作方法という超初心者向けから高度な内容まで網羅。 ・Unity Cookie Blenderとの連携方法も解説しているチュートリアル。 ・iPhoneゲームを20分間で作る【メ
This website uses cookies to improve your experience. We'll assume you're ok with this, but you can opt-out if you wish.AcceptReject Read More This website uses cookies to improve your experience while you navigate through the website. Out of these, the cookies that are categorized as necessary are stored on your browser as they are essential for the working of basic functionalities of the website
Unity という3Dゲーム(ゲームだけじゃないのかな?)製作ソフトのフリー版をダウンロードしてみました。 Documentationとかあっちこっちのサイトを覗いてみましたが、大変難しそうです。使いこなせずに途中挫折の可能性大ですが、勉強してみたいと思います。 -------------------
以前書いたエントリーで取り上げたシューティングゲームの製作過程を適当にチュートリアル風味に書いて行きます。こういうの書いてみたかった。 ちなみに僕のプログラミング歴は仕事ではずっと PHP, 趣味では C++(Selene), C#(XNA), Python, JavaScript あたりを適当にいじってました。Unity では C#, Boo, JavaScript が使えますが最初勉強に使ったUnity入門という本では言語が JavaScript だったので今回もそれでいきます。 というわけで作っていきます。Unityちょっと動かした事あるぐらいの人を想定してます。 新しいプロジェクトを作成 Unity を起動して、File -> New Project... を選択し、Create New Project タブを選択、Project Location に適当な名前を入れて Creat
ブログやポートフォリオ、Eコマース、コーポレートサイトなどに、レトロ風、スタイリッシュ、クリーン、スリーク、背景に写真、イラストを使うなど、ウェブページのユーザーインターフェイスをPhotoshopで作成するチュートリアルを紹介します。
対象読者 HTMLやJS(HTML5)の基礎知識があるユーザー アニメーションやインタラクティブコンテンツを作りたいユーザー 必要な環境 Windows 7以上、またはMac OS 10.6以上。 Adobe Creative Cloudに登録が必要ですが、バージョン1は無償メンバーシップでも利用することができます。 Adobe Edge Animateとは? Adobe Edge Animate(以下、Edge Animate)は、タイムラインを使って直感的にアニメーションやインタラクティブコンテンツを作ることができるツールです。 Adobe Creative Cloudに登録すると使えるツールです。なので、一見するとオマケのように見えますが、「アニメーションやインタラクティブコンテンツをHTML/CSS/JavaScript形式で出力してくれる」という、とても便利なツールです。 タイム
Sculptris の使い方について紹介した記事のタイトルをまとめました。 ここから、各タイトルにジャンプできます。 ※今後もタイトルが増えた場合は、その都度、追記していきます。 「おすすめ モデリングソフト Sculptris」 ・ダウンロード 「モデリングソフト Sculptris インストール方法」 ・インストール 「モデリングソフト Sculptris 使い方 1」 ・中心線 ・ビュー操作 ・ブラシの大きさ、強さ ・丸ブラシ ・取り消し ・ミラー機能 ・保存 ・終了 ・開く ・移動(ローカル) ・膨張ブラシ ・質感の変更 ・平らブラシ ・溝ブラシ ・スムースブラシ 「モデリングソフト Sculptris 使い方 2」 ・回転(グローバル、ローカル) ・丸ブラシ(lnvert) ・マスク(モデリングモードの場合) ・中心線の移動 「モデリングソフト Sculptris 使い方 3」
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く