Gulum/WebOcean
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

add release build. Use FPS Camera and better input.

Browse Source
This commit is contained in:
Julian
2020-02-18 18:02:37 +01:00
parent 0fa7230d07
commit 7231fd7964
4 changed files with 53 additions and 16 deletions
Download Patch File Download Diff File Expand all files Collapse all files

15
.vscode/launch.json vendored Normal file
View File

@@ -0,0 +1,15 @@
{
// Use IntelliSense to learn about possible attributes.
// Hover to view descriptions of existing attributes.
// For more information, visit: https://go.microsoft.com/fwlink/?linkid=830387
"version": "0.2.0",
"configurations": [
{
"name":"Launch index.html",
"type": "chrome",
"request": "launch",
"file": "${workspaceFolder}/index.html",
"preLaunchTask": "npm: build:debug"
}
]
}

15
.vscode/tasks.json vendored Normal file
View File

@@ -0,0 +1,15 @@
{
// See https://go.microsoft.com/fwlink/?LinkId=733558
// for the documentation about the tasks.json format
"version": "2.0.0",
"tasks": [
{
"type": "npm",
"script": "build",
"group": {
"kind": "build",
"isDefault": true
}
}
]
}

24
index.html
View File

@@ -188,33 +188,35 @@
v_uv = positionAttr.xy;
}
</script>
<script id="texture-fs" type="x-shader/x-fragment">
<script id="sky-fs" type="x-shader/x-fragment">
precision mediump float;
uniform sampler2D u_texture;
varying vec2 v_uv;
varying vec3 fragPos;
void main(void) {
gl_FragColor = texture2D(u_texture, v_uv);
gl_FragColor = vec4(fragPos,1.0);
}
</script>
<script id="texture-vs" type="x-shader/x-vertex">
<script id="sky-vs" type="x-shader/x-vertex">
attribute vec3 positionAttr;
attribute vec2 a_uv;
varying vec2 v_uv;
uniform mat4 u_mvp;
uniform mat4 projection;
uniform mat4 view;
uniform mat4 testModel;
varying vec3 fragPos;
void main(void) {
gl_Position = u_mvp * vec4(positionAttr, 1.0);
v_uv = a_uv;
gl_PointSize = 10.;
gl_Position = projection * mat4(mat3(view)) * vec4(positionAttr, 1.0);
fragPos = (view * vec4(positionAttr,1.0)).xyz; //This is wrong probably
}
</script>
</header>
<body>
<canvas id="window" width="800" height="600"
style="margin:0 auto; border: solid #000000 1px; display:block;"></canvas>
style="margin:0 auto; border: solid #000000 1px; display:block; cursor:move;"></canvas>
<script src="build/app.js"></script>
</body>

11
package.json
View File

@@ -4,8 +4,11 @@
"description": "Simulating a ocean with typescript and webgl.",
"main": "index.html",
"scripts": {
"test": "echo \"Error: no test specified\" && exit 1",
"build": "tsc && browserify ./build/main.js -o ./build/app.js"
"livedev": "concurrently --kill-others \"npm-watch\"",
"build:release": "tsc && browserify ./build/main.js | uglifyjs > ./build/app.js",
"build:debug": "tsc && browserify --debug ./build/main.js -o ./build/app.js",
"build:tsc": "tsc",
"test": "echo \"Error: no test specified\" && exit 1"
},
"keywords": [
"webgl",
@@ -20,7 +23,9 @@
"devDependencies": {
"@types/gl-matrix": "^2.4.5",
"browserify": "^16.5.0",
"typescript": "^3.7.5"
"concurrently": "^5.1.0",
"typescript": "^3.7.5",
"uglifyjs": "^2.4.11"
},
"dependencies": {
"gl-matrix": "^3.1.0"