Fix for D3 and 3JS demos (#1025)

* fix for d3 example

* fix webgl +upgrade 3js
This commit is contained in:
Ted Patrick
2022-12-06 13:36:03 -06:00
committed by GitHub
parent bec70b60b8
commit e53bcf15a9
2 changed files with 6 additions and 16 deletions

View File

@@ -9,6 +9,7 @@
<link rel="stylesheet" href="./assets/css/examples.css" />
<link rel="stylesheet" href="./assets/prism/prism.css" />
<script defer src="./assets/prism/prism.js"></script>
<script src="https://d3js.org/d3.v7.min.js"></script>
<style>
.loading {
display: inline-block;
@@ -56,16 +57,7 @@
</div>
</div>
<script type="importmap">
{
"imports": {
"d3": "https://cdn.skypack.dev/pin/d3@v7.6.1-1Q0NZ0WZnbYeSjDusJT3/mode=imports,min/optimized/d3.js"
}
}
</script>
<script type="module">
import * as d3 from "https://cdn.skypack.dev/pin/d3@v7.6.1-1Q0NZ0WZnbYeSjDusJT3/mode=imports,min/optimized/d3.js";
const fruits = [
{name: "🍊", count: 21},
@@ -120,8 +112,9 @@ for (const d of data) {
</script>
<py-script>
import js
from pyodide.ffi import create_proxy, to_js
import d3
d3 = js.d3
fruits = [
dict(name="🍊", count=21),

View File

@@ -20,7 +20,7 @@
<div class="col"></div>
</div>
</div>
<script src='https://cdnjs.cloudflare.com/ajax/libs/three.js/89/three.min.js'></script>
<script src='https://cdnjs.cloudflare.com/ajax/libs/three.js/0.147.0/three.min.js'></script>
<script defer src="https://pyscript.net/latest/pyscript.js"></script>
<link rel="stylesheet" href="https://pyscript.net/latest/pyscript.css" />
@@ -34,8 +34,6 @@ from js import Object
from js import document
import asyncio
mouse = THREE.Vector2.new();
renderer = THREE.WebGLRenderer.new({"antialias":True})
@@ -146,13 +144,12 @@ scene.add(light);
scene.add(lightBack);
rectSize = 2
intensity = 100
intensity = 14
rectLight = THREE.RectAreaLight.new( 0x0FFFFF, intensity, rectSize, rectSize )
rectLight.position.set( 0, 0, 1 )
rectLight.lookAt( 0, 0, 0 )
scene.add( rectLight )
rectLightHelper = THREE.RectAreaLightHelper.new( rectLight );
raycaster = THREE.Raycaster.new();
uSpeed = 0.1
@@ -190,7 +187,7 @@ async def main():
renderer.render( scene, camera )
await asyncio.sleep(0.02)
asyncio.ensure_future(main())
asyncio.ensure_future(main())
</py-script>
</body>