github.com/EngineerKamesh/gofullstack@v0.0.0-20180609171605-d41341d7d4ee/volume3/section2/3dgopher/3dgopherscene/3dgopherscene.go (about)

     1  package main
     2  
     3  import (
     4  	"math"
     5  
     6  	"github.com/gopherjs/gopherjs/js"
     7  	"honnef.co/go/js/dom"
     8  )
     9  
    10  var JS = js.Global
    11  var D = dom.GetWindow().Document()
    12  
    13  var container *dom.HTMLDivElement
    14  var camera *js.Object
    15  var cameraTarget *js.Object
    16  var scene *js.Object
    17  var renderer *js.Object
    18  var gopher *js.Object
    19  
    20  type MeshPhongMaterialData struct {
    21  	*js.Object
    22  	Color     int `js:"color"`
    23  	Specular  int `js:"specular"`
    24  	Shininess int `js:"shininess"`
    25  }
    26  
    27  func main() {
    28  	initialize()
    29  	animate()
    30  }
    31  
    32  func initialize() {
    33  
    34  	container = D.CreateElement("div").(*dom.HTMLDivElement)
    35  	D.QuerySelector("body").AppendChild(container)
    36  
    37  	camera = JS.Get("THREE").Get("PerspectiveCamera").New(39, JS.Get("window").Get("innerWidth").Int()/JS.Get("window").Get("innerHeight").Int(), 1, 15)
    38  	camera.Get("position").Call("set", 6, 0.54, 6)
    39  	cameraTarget = JS.Get("THREE").Get("Vector3").New(0, 0, 0)
    40  	scene = JS.Get("THREE").Get("Scene").New()
    41  
    42  	fog := JS.Get("THREE").Get("Fog").New(0x708090, 2, 15)
    43  	scene.Set("fog", fog)
    44  
    45  	planeMeshData := &MeshPhongMaterialData{Object: js.Global.Get("Object").New()}
    46  	planeMeshData.Color = 0xA9A9A9
    47  	planeMeshData.Specular = 0x000000
    48  
    49  	planeMeshPhongMaterial := JS.Get("THREE").Get("MeshPhongMaterial").New(planeMeshData)
    50  	planeBufferGeometry := JS.Get("THREE").Get("PlaneBufferGeometry").New(40, 40)
    51  	plane := JS.Get("THREE").Get("Mesh").New(planeBufferGeometry, planeMeshPhongMaterial)
    52  
    53  	plane.Get("rotation").Set("x", -1*(math.Pi/2))
    54  	plane.Get("position").Set("y", -0.5)
    55  
    56  	scene.Call("add", plane)
    57  
    58  	loader := JS.Get("THREE").Get("OBJLoader").New()
    59  	loader.Call("load", "/obj/gogopher.obj", func(mesh *js.Object) {
    60  
    61  		mesh.Get("position").Call("set", 0.06, -0.45, 0.7)
    62  		mesh.Get("scale").Call("set", 0.004, 0.0054, 0.004)
    63  		mesh.Set("castsShadow", true)
    64  		mesh.Set("receiveShadow", true)
    65  
    66  		scene.Call("add", mesh)
    67  
    68  	})
    69  
    70  	hemisphereLight := JS.Get("THREE").Get("HemisphereLight").New(0xf0f0f0, 0x000000)
    71  	scene.Call("add", hemisphereLight)
    72  	addDirectionalLight(-0.5, 3, -1.0, 0xf0f0f0, 1)
    73  	renderer = JS.Get("THREE").Get("WebGLRenderer").New()
    74  	renderer.Call("setClearColor", scene.Get("fog").Get("color"))
    75  	renderer.Call("setPixelRatio", JS.Get("window").Get("devicePixelRatio"))
    76  	renderer.Call("setSize", JS.Get("window").Get("innerWidth").Int(), JS.Get("window").Get("innerHeight").Int())
    77  	renderer.Set("gammaInput", true)
    78  	renderer.Set("gammaOutput", true)
    79  	renderer.Get("shadowMap").Set("enabled", true)
    80  	renderer.Get("shadowMap").Set("renderReverseSided", false)
    81  	container.Underlying().Call("appendChild", renderer.Get("domElement"))
    82  }
    83  
    84  func animate() {
    85  	JS.Get("window").Call("requestAnimationFrame", animate)
    86  	render()
    87  }
    88  
    89  func render() {
    90  	//JS.Get("window").Call("panCamera", camera, cameraTarget)
    91  	camera.Call("lookAt", cameraTarget)
    92  	renderer.Call("render", scene, camera)
    93  }
    94  
    95  func addDirectionalLight(x float64, y float64, z float64, color int, intensity int) {
    96  	directionalLight := JS.Get("THREE").Get("DirectionalLight").New(color, intensity)
    97  	directionalLight.Get("position").Call("set", x, y, z)
    98  	scene.Call("add", directionalLight)
    99  	directionalLight.Set("castShadow", true)
   100  	d := 1
   101  	directionalLight.Get("shadow").Get("camera").Set("left", -d)
   102  	directionalLight.Get("shadow").Get("camera").Set("right", d)
   103  	directionalLight.Get("shadow").Get("camera").Set("top", d)
   104  	directionalLight.Get("shadow").Get("camera").Set("bottom", -d)
   105  	directionalLight.Get("shadow").Get("camera").Set("near", 1)
   106  	directionalLight.Get("shadow").Get("camera").Set("far", 4)
   107  	directionalLight.Get("shadow").Get("mapSize").Set("width", 1024)
   108  	directionalLight.Get("shadow").Get("mapSize").Set("height", 1024)
   109  	directionalLight.Get("shadow").Set("bias", -0.005)
   110  }