プログラミング/JavaScript/three.js/再入門 のバックアップ差分(No.1)

更新


  • 追加された行はこの色です。
  • 削除された行はこの色です。
[[公開メモ]]

#contents

* 準備 [#gf36364d]

https://cdnjs.com/libraries/three.js

へ行き、Copy Script Tag ボタン </> を押すと

 <script src="https://cdnjs.cloudflare.com/ajax/libs/three.js/r128/three.min.js" 
  integrity="sha512-dLxUelApnYxpLt6K2iomGngnHO83iUvZytA3YjDUCjT0HDOHKXnVYdf3hU4JjM8uEhxf9nD1/ey98U3t2vZ0qQ==" 
  crossorigin="anonymous" referrerpolicy="no-referrer"></script>

が手に入る。

そこでテスト用には、

 <!DOCTYPE html>
 <html lang="ja">
 <head>
 <meta charset="utf-8">
 <style>
   body { margin: 0; }
 </style>
 <script src="https://cdnjs.cloudflare.com/ajax/libs/three.js/r128/three.min.js" 
     integrity="sha512-dLxUelApnYxpLt6K2iomGngnHO83iUvZytA3YjDUCjT0HDOHKXnVYdf3hU4JjM8uEhxf9nD1/ey98U3t2vZ0qQ==" 
     crossorigin="anonymous" referrerpolicy="no-referrer"></script>
 </head>
 <body>
 
 <!-- ここに html を書く -->
 <canvas id="canvas1" width="800", height="600">
 
 <script>
 window.addEventListener("DOMContentLoaded", setup);
 function setup() {
 
 // ここにコードを書く
 
 }
 </script>
 
 </body>
 </html>

のようなひな形を使えば良さそう。


Counter: 2385 (from 2010/06/03), today: 6, yesterday: 0