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

更新


公開メモ

準備

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