javascript - How to create a cube formed by 600 000 000 mini-cubes per side with ThreeJs? -


i recreate cube in game curiosity what's inside cube? formed 600 000 000 mini-cubes per side. can't use texture simulate mini-cubes because there must visual change on mini-cube when click on it.

i tried boxgeometry() object 2 faces mini-cube

    var scene = new three.scene();     var camera = new three.perspectivecamera(75, window.innerwidth / window.innerheight, 0.1, 1000);     var renderer = new three.webglrenderer({         alpha: true     });     renderer.setsize(window.innerwidth, window.innerheight);     document.body.appendchild(renderer.domelement);      //there cube     var geometry = new three.boxgeometry(20, 20, 20, 24494, 24494, 24494);     var material = new three.meshbasicmaterial({         color: 0xfd59d7     });      var cube = new three.mesh(geometry, material);     scene.add(cube);      camera.position.z = 100;      render();      function render() {         renderer.render(scene, camera);     }

so how create cube 600 000 000 mini-cubes per side rendered on notebook?

i can guarantee curiosity not display cube made 600,000,000 cubes per side. no current gpu can draw 600,000,000 cubes @ smooth framerate. pointed out above that's 7.2 billion triangles per side. can see 3 faces of cube @ once @ 30fps 648 billion triangles per second. nvidia 1080 gt (a near top performance card in 2017) can draw theoretical 11 billion triangles per second , that's theoretical. in reality never reach speed.

at best in curiosity, when can see entire cube displays single 12 polygon cube textures pixel represents more 1 cube (if there 600,000,000 cubes per side) require texture of 24494x24494. that's 5x 10x phone can display in single texture. yes subdivide face of cube smaller polygons each using different texture. require 2.3gig of textures per side or 13.4gig of memory entire cube. phones don't have 13.4 gig of memory.

if 600 million cubes per side best google maps data stored on server , various representations streamed user. when user zoomed out see entire cube representation of 1024x1024 per side (1 million pixels) shown , zoom in different representations showing smaller portion of cube downloaded , shown.


Comments

Post a Comment

Popular posts from this blog

commonjs - How to write a typescript definition file for a node module that exports a function? -

consider, toml node module can use: // toml.d.ts declare module toml { export function parse(value:string):any; } declare module "toml" { export = toml; } then: /// <reference path="../../../../../defs/toml/toml.d.ts"/> import toml = require('toml'); toml.parse(...); however, node module export single function, such 'glob' ( https://github.com/isaacs/node-glob ). the node usage of module be: var glob = require("glob") glob("*.js", {}, callback(err, files) { ... }); you'd naively expect this: // glob.d.ts declare function globs(paths:string, options:any, callback:{(err:any, files:string[]):void; ...but because typescripts 'import' semantics bit strange, seems can use 'import .. = require()' statement alias modules . trying call: /// <reference path="../../../../../defs/glob/glob.d.ts"/> import blog = require('glob'); results in: error ts2072: mod
Read more

openid - Okta: Failed to get authorization code through API call -

i'm integrating okta own idp server using okta's api. i'm implementing authorization code flow following steps below: in own server, use /api/v1/authn endpoint sessiontoken. use sessiontoken obtain authorization calling endpoint: /oauth2/v1/authorize?client_id=" + clientid + "&sessiontoken=" + sessiontoken + "&response_type=code&response_mode=query&scope=openid&redirect_uri=" + redirecturl + "&state=evanyang&nonce=" it's supposed return response status code 302 , location header containing redirect url code value. however, keep getting response status code 200 , without location header, html body saying "you using unsupported browser." , "javascript disabled on browser." according api documentation: http://developer.okta.com/docs/api/resources/oidc.html#authentication-request , sessiontoken parameter sufficient this: an okta one-time sessiontoken. allows api-based
Read more

thorough guide for profiling racket code -

did googling ("racket profiling", "racket measure performance"), didn't find , there no examples in docs. did google "profile" search on htdp - no luck. (profile (f ...)) output isn't obvious other small snippets. ideally want python's python -m cprofile usage examples. when search "python profiling", both duckduckgo , google give top result: 26.4. python profilers . (although scanned quickly, seems more of reference "thorough usage guide" examples. if had else in mind, perhaps please link that?) the equivalent racket documentation be: profile: statistical profiler . a usage example: #lang racket (require profile) (profile-thunk (thunk (function-to-profile arg0 arg1) )) here (thunk e) convenience (lambda () e) . bigger example: #lang racket (module mod racket (provide f) (define (f) (for/list ([i 10000]) i))) (require (prefix-in mod: 'mod)) (define (f) (for ([i 10000
Read more