Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

3D visualisation and python editor from #1 #6

Open
wants to merge 16 commits into
base: main
Choose a base branch
from
Open

3D visualisation and python editor from #1 #6

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
16 commits
Select commit Hold shift + click to select a range
8aab279
Add preview page
jkrems Dec 24, 2020
a4dad30
Stop hot-linking skulpt
jkrems Dec 24, 2020
a2d6e5b
dirtry vizualization test
Dec 24, 2020
528a527
fixing loading issue
Dec 24, 2020
a97e819
correct way of reading the data
Dec 24, 2020
de52a94
Let people edit the script
jkrems Dec 24, 2020
59cf183
Add some rotation as an example
jkrems Dec 24, 2020
1fbfd8c
fixing the preview
Dec 25, 2020
f1df51d
Merge branch 'main' of https://github.com/evgeniyraev/xmastree2020 in…
Dec 25, 2020
61bf6c3
removing tem files
Dec 25, 2020
bd5700a
adding controlls
Dec 25, 2020
e3d8b5a
adding orbital controlls
Dec 25, 2020
c5ff86c
adding floor
Dec 25, 2020
bb8eab2
Auto-resize preview renderer
willstott101 Dec 27, 2020
332d5e6
Stop scrollbar appearing when from controls take up two lines.
willstott101 Dec 27, 2020
18d0c07
Merge pull request #1 from willstott101/autoresize
evgeniyraev Jan 9, 2021
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
1,220 changes: 1,220 additions & 0 deletions preview/OrbitControls.js
View file
Open in desktop

Large diffs are not rendered by default.

5 changes: 5 additions & 0 deletions preview/codemirror.min.css
View file
Open in desktop

Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.

3 changes: 3 additions & 0 deletions preview/codemirror.min.js
View file
Open in desktop

Large diffs are not rendered by default.

106 changes: 106 additions & 0 deletions preview/index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,106 @@
<!DOCTYPE html>
<meta charset="utf-8" />
<title>FinFiddle</title>
<link rel="stylesheet" href="codemirror.min.css">
<style>
html, body {
height: 100%;
margin: 0;
padding: 0;
}

main {
display: flex;
height: 100%;
}

.editing {
flex: 1 1 50%;
height: 100%;
width: 50%;
}

.execution {
flex: 1 1 50%;
height: 100%;
width: 50%;
display: flex;
flex-direction: column;
overflow: hidden;
}

.CodeMirror {
height: 100%;
}

#preview, canvas {
width: 100%;
height: 100%;
}

.coords {
display: none;
}
</style>
<main>
<div class="editing">
<textarea id="source"># Loading...</textarea>
</div>
<div class="execution">
<form>
<button type="button" id="play-btn" title="Play">▶</button>
<label>
<input type="checkbox" id="rotate-check" checked />
Rotate Tree
</label>
<label>
<input type="number" id="rotation-speed" value="-2" step="0.5" />
Rotation speed
</label>
<label>
<input type="number" id="max-brightness" min=0 max=255 value="50" />
Max Brightness
</label>
<label>
<input type="color" id="background-color" value="0x000000" />
Background Color
</label>
</form>
<div id="preview">
</div>
</div>
</main>
<pre id="output"></pre>
<pre id="Python/coords.txt" class="coords"></pre>
<script id="vshader" type="x-shader/x-vertex">
attribute vec3 pos;
attribute vec4 colorIn;
uniform float pointSize;
uniform mat4 vMatrix;
varying vec4 color;

void main()
{
gl_PointSize = pointSize;
color = colorIn;
gl_Position = vMatrix * vec4(pos.xyz, 3.0);
}
</script>
<script id="fshader" type="x-shader/x-fragment">
#ifdef GL_ES
precision mediump float;
#endif
varying vec4 color;

void main()
{
gl_FragColor = color;
}
</script>
<script src="skulpt.min.js" type="text/javascript"></script>
<script src="skulpt-stdlib.js" type="text/javascript"></script>
<script src="codemirror.min.js" type="text/javascript"></script>
<script src="mode/python/python.js" type="text/javascript"></script>
<script src="https://threejs.org/build/three.js" type="text/javascript"></script>
<script src="./OrbitControls.js" type="text/javascript"></script>
<script type="module" src="render.js" async></script>
Loading