JSFiddle - React, Tailwind, and code Playground

by mmis1000

JavaScript

(function(window, document, undefined) {
  var renderer, camera , datas , inited;
  var script = document.createElement('script');
  script.src = '//cdnjs.cloudflare.com/ajax/libs/three.js/r61/three.min.js';
  script.onload = function () {
    var attributes;
    var W = window.innerWidth;
    var H = window.innerHeight;
    camera = new THREE.PerspectiveCamera(60,W/H,1,10000);
    camera.position.x = camera.position.y = 0;
    camera.position.z = 200;
    var scene = new THREE.Scene();
    attributes = {
      size: {	type: 'f', value: [] },
      ca:   {	type: 'c', value: [] }
    };

    var vertexShader = 'attribute float size;attribute vec3 ca;varying vec3 vColor;void main(){vColor=ca;vec4 mvPosition=modelViewMatrix*vec4(position,1.0);gl_PointSize=size*(300.0/length(mvPosition.xyz));gl_Position = projectionMatrix * mvPosition;}'
    var fragmentShader = 'uniform vec3 color;uniform sampler2D texture;varying vec3 vColor;void main(){gl_FragColor=vec4(color*vColor,1.0)*texture2D(texture,gl_PointCoord);}';
    datas =...