Saturday, June 8, 2019

Website Development : 3D : Vulkan Stack for web page,data,science & gaming.

Website Development : 3D : Vulkan Stack for web page,data,science & gaming.


Stack list:

HTML DOM (Document Object Model) >
PHP & Database >
HTML5 >
JS - JQuery & JQuery 3D feature stack & jquery ui >
WebGL >
WebGL Compute &
Streamline API
Vulkan API - Direct Render : Ray trace the Audio/Video/Text & Visuals and force/ gravitational effect paths,

Use Vulkan - Direct Compute OpenCL to trace , optimisation and pre-render Vertices,Borders,Renderings & pass Vector trace to GPU & Back To Direct Compute OpenCL.

= Interactive 3D & Web

https://science.n-helix.com/2017/02/open-gaming.html

https://science.n-helix.com/2016/04/3d-desktop-virtualization.html
***

HTML DOM (Document Object Model)

"The DOM is the structure a web browser generates from an HTML file. The browser reads the HTML file and generates a version of the elements that is formatted for your JavaScript code to communicate with. We need this “translated” version of the HTML so that we can use JavaScript to talk to the elements on the page. If JavaScript could not talk to the DOM, we wouldn’t be able to use JavaScript to change the appearance of the page."

https://generalassemb.ly/coding/full-stack-web-development/dom-manipulation

https://www.w3schools.com/js/js_htmldom.asp

3D Document manipulation though the use of JQuiry

***

PHP & Database stack to handle program data and formatting...
& because PHP can output pages and windows in code formatted in DOM and HTML5
We can create menus and pages that do not require the use of large file sets..

Code repetition is the secret of the PHP and database system,
Other systems like sites written in HTML require pages to be written to the server &

PHP with the database stack is a sensible system to reduce the nessety to use Lots of storage for the site code,

PHP code can create multiple window sets with Dom orientated Dynamic JS and HTML5 Dynamically
Using the principle of JQuery & JQuery 3D feature stack.

****

So HTML5 & DOM create windows, frames & interactive content:

However we need to use standards that create animated objects & people,
While we can draw basic 3D objects in HTML5 we also would like them animated..

3DMax, AutoCAD & other formats provide motion for vectors so we need HTML5 to animate objects though OpenGL, WebGL & Vulkan.. So we need formatting to create motion in GL.

Tables of motion & reaction, created in small database sets, Database sets can be compressed & should be.

For this purpose we use databases, more than 1 so we are able to store sets of objects within the scene or web page.. In essence we stack compressed databases & this allows us to both interact with the page & stop downloading data or save bandwidth.

****

Trace & Compute : Open CL Direct Compute, GLES,GL,Vulkan,Direct X : Video Effects
Ray trace the audio and force/ gravitational effect paths
Use open CL to trace , optimisation and pre-render, Light & Sound & effects such as force-fields,

By Intercepting occlusion in comparison to OpenCL Direct compute directives of force & motion & energy .. Direct compute (OpenGLES 3.1,Vulkan, Open GL & Direct X..

Direct Compute Open CL is able to ray trace anything from simple dynamic effects to bullet trace sound effects, With direct mapped effective & efficient Direct Compute OpenCL in 3 modes:

direct mapped effective & efficient Direct Compute OpenCL in 3 modes:
Real time
Pre-Rendered on load (scene & lighting, base shadow effects)
Interception real-time pre-render (Microseconds) with Spontaneous : Active CL (tm)

Use of cone, AE Effects lower the CPU/AVX/GPU processor usage while maintaining effectiveness.

Library builds reduce development costs with Real-Time Engines.

Other effective use of compute such as maths are 100% Effective both in games & on the web.

We can use CPU & GPU MipMap & Tessellation  RiS with micro smoothing predictive tessellation with map fonts, We can also do colour maps and lut conversion for dynamic contrast & Sound for the Realtek Audio codec! We can do this for video also...

Creating SDK ARM/X86/GPU/FPMG/SiMD

(c)RS
****

LUT tables and tone mapping: Vectors
https://gpuopen.com/using-amd-freesync-2-hdr-gamut-mapping/

On the subject of LUT tables and tone mapping, 2 methods are available to us..

The Vectors can be mapped RT with ray tracing (they work out the vector)

The Vectors and dimensions can also be worked out with Open CL and Direct Compute..
Both OpenGL/Vulkan & Direct X have direct compute..

Many forms of vector calculation that involve intricate maths  can be worked out in vector or OpenCL Vector library function, The advantage of Open CL Libraries are that functions and tables can be worked out without ever having to re program the maths solving OpenCL Code,

Such that Open CL & Direct compute libraries can for-fill many tasks, Bearing in mind that Open CL & Direct compute are work solve time controlled we are able to use the functions for many tasks including web browser maths and composure, With these examples we' will define the future of display maths code & logic.

AVX & Float can obviously be used leaving Compute vectors like SIMD viable for code logic.
Compute Shaders are also able, Long logic denotes the advantage of Vectored OpenCL & Direct compute/AVX.

Vectored code : tessellation & other functions using SIMD & Compute Shader maths:
https://www.youtube.com/watch?v=0DLOJPSxJEg

VR-VMP-3D - Vector tables/SIMD/RayTracing/High Precision Float & Light/Shade & Colour HDR Mapping & Polymorphic HDR 3D Sound, Texture emulation of feel, touch and sensation though Direct Compute Shaders & poly numeric maths.

Haptic 3D feeling/Sensation/Visuals/Sound & Audio for JS/script & code/Open CL/Direct Compute for 3D/Video/Internet HPC.

Sensational Virtual 3D Web/Video/Classic Video/Games/Audio/Fonts with haptic sensation and touch! All new JS ML code to make true sensation : real feels for emotional highs as you chat, tip or cam your game experience & do research high performance compute.

https://science.n-helix.com/2014/08/turning-classic-film-into-3d-footage-crs.html

https://science.n-helix.com/2019/06/vulkan-stack.html

(c)Rupert S

****
Networking, Audio & Display Codecs:
Have you thought about using shaders in Networking ? to realise the network data strategy...
The same is true for displays & Audio & other Science data such as Neural networks,
Image improvement and encoding & entertainment video codecs, 64Bit HDR Dynamic Contrast

https://is.gd/SuggestedShaders

https://is.gd/ShadersSDK

https://is.gd/CodecShaders

https://is.gd/InterpolationShaders

https://is.gd/ShaderGuide

We can apply the interpolation to video for smoothing and vectorisation of the video elements in float for sharpening & to our interpolation for tessellation of the RiS sharpening for all our GPU and CPU elements.

(c)RS

https://reshade.me/

https://reshade.me/presets

****
https://science.n-helix.com/2012/09/geometric-calculating-machines.html
WebCLGL : Libraries & JS
https://github.com/stormcolor/webclgl
https://github.com/stormcolor/webclgl/blob/master/dist/webclgl/WebCLGL.min.js

WebCLGL use WebGL2 specification to interpret code.
WebGL is used like OpenCL for GPGPU calculus using the traditional Render To Texture technique.

****
WebGL Compute
https://www.khronos.org/registry/webgl/specs/latest/2.0-compute/#diff-with-gles31

https://www.khronos.org/assets/uploads/developers/library/2017-webgl-webinar/Khronos-Webinar-WebGL-20-is-here_What-you-need-to-know_Apr17.pdf

****
ROCm & Vulkan Drivers : Debian/Ubuntu Linux install :

The thing with AMD drivers is that you need to uninstall the previous driver completely first before installing the new one.. ROCm sounds promisingly likely to improve with the laboratories promising to improve ROCm with cray & does not require uninstalling ...

https://www.phoronix.com/scan.php?page=news_item&px=Radeon-ROCm-2.3-Released

https://rocm.github.io/blog.html

https://github.com/RadeonOpenCompute/ROCm

ROCm & Vulkan Drivers install

run this after downloading file (google drive): https://is.gd/Install_gpl_ROCm_amd_drv_sh

sudo chmod 774 Install-gpl-ROCm-amd-drivers.sh
sudo ./Install-gpl-ROCm-amd-drivers.sh

****
Open Source Driver for Vulkan : Debian/Ubuntu/Linux
https://github.com/GPUOpen-Drivers/AMDVLK

run this after downloading file: https://is.gd/Install_gpl_amd_drivers_sh

sudo chmod 774 Install-gpl-amd-drivers.sh
sudo ./Install-gpl-amd-drivers.sh

****
GL to Vulkan : gfx-portability : Prototype library implementing Vulkan Portability Initiative using gfx-hal. See gfx-rs meta issue for backend limitations and further details.

https://github.com/gfx-rs/portability

****
OpenCL/OpenGL/Vulkan API : Mac:Windows:Linux:Android

https://github.com/KhronosGroup/MoltenVK/releases/tag/v1.0.35

https://github.com/KhronosGroup/OpenCL-ICD-Loader

https://github.com/KhronosGroup/OpenCL-CLHPP

****
Texture & polygon optimiser & compressor

https://github.com/GPUOpen-Tools/Compressonator/releases

https://github.com/KhronosGroup/glTF-Compressonator

****
Speeding up websites JS - for JQuery, PHP excettera! Very exciting for app development & Boinc SDK

Fetch code includes optimisation - to be run before JQuery

https://is.gd/FetchB4JQuery

Require-min to be run before JQuery - migration is for older version compatibility

Site Efficiency!

https://requirejs.org/docs/download.html

https://jquery.com/download/

https://jqueryui.com/

(c)RS

No comments: