KITASENJU DESIGN BLOG

memo, html, javascript, unity

typescript

typescript 継承

import * as THREE from 'three'; import { MeshBasicMaterial } from 'three'; import gsap from 'gsap'; export class Hoge extends THREE.Mesh{ mat: THREE.MeshBasicMaterial; count: number = 0; constructor(m:THREE.Mesh){ let mat = new MeshBasicMa…

gasp使い方

callbackとか忘れる this.count=0; gsap.to(this,{ count: 99, duration: 5, ease: "power3.inOut", onComplete:()=>{window.alert("unko")} }) gsap.delayedCall(5,()=>{ this.hoge(); })

Loaderで外部ファイルを複数ロードする

import * as THREE from 'three'; import { OBJLoader } from 'three/examples/jsm/loaders/OBJLoader.js' interface ObjData { url : string; mesh : THREE.Mesh; } export class ObjLoaders { public list:ObjData[]; private callback:()=>void; private …

lil-guiでaddColor使う

datguiの代わりlig-guiで色 bgColor:{color:number} = {color:0xff0000}; this.renderer.setClearColor(new THREE.Color(this.bgColor.color)); this.gui.addColor(this.bgColor,"color").onChange((value:number)=>{ this.renderer.setClearColor(new THREE…

typescriptでdictionary

TypeScriptの型: 辞書型を定義する (Dictionary)|まくろぐ

OBJLoaderなどの使い方

//import { ColladaLoader } from 'three/examples/jsm/loaders/ColladaLoader.js' //import { OBJLoader } from 'three/examples/jsm/loaders/OBJLoader.js' const loader = new OBJLoader(); loader.load('./data/q.obj', (obj)=>{ let mesh = obj.childre…

typescriptでinterface

export interface Point3 { x:number, y:number, z:number }

"FOOTER"