WebGLを使ったグリグリ動くWebコンテンツをチームで作ってみた - 目次
何 WebGLで3Dを活用したWebサイト、「 3DWebSite 」をPlayCanvasを利用して開発しました。 ここでは、3DWebSiteを開発した際に得られた、__ゲームエンジンを利用...
8
7
Comment0
31 search resultsShowing 1~20 results
Stocked
You need to log-in
WebGLを使ったグリグリ動くWebコンテンツをチームで作ってみた【3Dエンジニア編】
初めに WebGLで3Dを活用したWebサイト、「 3DWebSite 」をPlayCanvasを利用して開発しました。 PlayCanvas : https://playcanvas.jp 3...
6
9
Comment0
renderエンティティに一斉にコリジョンを設定する
1000をこすようなentityで構成された大規模な3D空間に対して RayCastやウォークスルーのためにcollisionを設定したいケースがあると思います。 例えば以下のような椅子や机、植...
1
0
Comment0
ページの最下部に行ったらコンテンツが追加されるような処理を実装してみた
こんな感じの挙動です まずスクロール値を監視 data : function(){ return{ scrollY : 0 //スクロール値が保存される } }, mouted : functi...
1
1
Comment0
Githubとnuxt.jsだけでJAMStackを体感してみる
概要 JAMStackというものがはやっているらしいので入門したいのですが、調べれば調べるほど、microCMSやNetrify, Contentfulなど新しいツールやライブラリを利用した記事...
10
6
Comment0
nuxt.js製アプリをgithub actionsでビルドしてFTP Deploy Actionで自分のサーバーにデプロイする
nuxt.jsアプリをgithubにpushしたときに、github actionsでビルドし、FTPでデプロイするところまでのmain.ymlを作成しました 手続きとしては以下の通りです .g...
5
4
Comment0
Vueで整数値をv-forするときに、整数値をtextboxから変更するとおかしくなる問題を解決する
概要 v-forを使って動的に変化する整数値ぶんDOMを作成したいさいに少しハマったのでメモです こんなコードを書きました HTML <div id = "vue"> <inp...
0
0
Comment0
GoogleスプレッドシートにあるURLをLIFF化する
概要 今まで手作業でLINE Developer portalからLIFFを作成していたのですが、効率化＋複数人管理対応のためにスプレッドシート管理にしたよ、という記事です 背景 社会人バドミン...
0
3
Comment0
PlayCanvas対応ミドルウェアを紹介(2019年12月時点)
何 PlayCanvasに対応しているミドルウェアをひたすら紹介するだけの記事です photon ExitGames(国内代理店はGMOクラウド)が提供するマルチプレイ向けのネットワークエンジン...
2
1
Comment0
結婚式でPlayCanvas使った
TL;DR 私事で恐縮ですが、今年の12/8に結婚式を挙げさせていただきました。 結婚披露宴では何本かムービーを流すのですが、最後のゲストに感謝を伝える「エンドロールムービー」をPlayCanv...
8
3
Comment0
PlayCanvasでSPAっぽいポータルサイトをつくってみた
この記事は PlayCanvas Advent Calendar 2017 の3日目の記事です。 作ったもの 自分のポータルサイトをPlayCanvasだけで作ってみました。 utautatta...
3
3
Comment0
PlayCanvasでPhotonを使う
何 PlayCanvasでPhotonを使うためのプラグインを作りました。 https://github.com/utautattaro/Photon-for-PlayCanvas 御託はいいか...
11
3
Comment0
【PlayCanvas】ボーンアニメーションをスクリプトから制御する
この記事は PlayCanvas Advent Calendar 2017 の13日目の記事です。 PlayCanvasでのボーンアニメーションのスクリプトからの制御方法で、ドキュメントにも載っ...
1
0
Comment0
【PlayCanvas】twitter上でPlayCanvasコンテンツを動かす
何 twitterのplayer cardを使ってPlayCanvasのコンテンツを動かしてみます 結果はこんな感じ https://twitter.com/utautattaro/status...
3
3
Comment0
JavaScriptでメソッドのnullチェック
外部ライブラリを使うときとか、メソッドがあるかないかわからない時にかます //NG if(fuga){ //ReferenceError: fuga is not defined } //OK ...
1
0
Comment0
【PlayCanvas】PCかモバイルか判断する
touchデバイスかどうかを判断するのは以下コードで簡単に取得できます if(this.app.touch) これだとタッチ画面付きのPCもtrueになってしまうため、モバイルかPCで分ける際は...
0
0
Comment0
【PlayCanvas】ボーンアニメーションにエンティティを追従させる
この記事は PlayCanvas Advent Calendar 2017 の14日目の記事です。 3Dモデルをアニメーションさせている際に、攻撃等の当たり判定を実装したいけど、モデルのメッシュ...
1
0
Comment0
【PlayCanvas】画面をキャプチャして外部サーバーに保存する
この記事は PlayCanvas Advent Calendar 2017 の12日目の記事です。 前回の記事の発展形です。 やり方 toDataURL()で取得したキャンバスデータをajaxで...
1
2
Comment0
【PlayCanvas】無理やりWebWorkerを使ってマルチスレッド化する
何 不完全ですがPlayCanvas上でWebWorker使ってマルチスレッド化を実現してみます やり方 postmessage側とonmessage側のスクリプトをそれぞれ作ります。 post...
0
0
Comment0
PlayCanvasで「Roll a Ball」をつくる③
おさらい 前回はキーボード操作で動くプレイヤーの作成まで行いました。 今回はステージに壁の作成をし、アイテムを追加し、衝突によって取得できるようにしたあと公開するまでをやっていきます。 壁の作成...
0
0
Comment0
31 search resultsShowing 1~20 results
Qiita is a knowledge sharing service for engineers.
- You can follow users and tags
- You can stock useful information
- You can make edit suggestions for articles