threepipe
Vous ne pouvez pas sélectionner plus de 25 sujets Les noms de sujets doivent commencer par une lettre ou un nombre, peuvent contenir des tirets ('-') et peuvent comporter jusqu'à 35 caractères.

index.html 1.3KB

123456789101112131415161718192021222324252627282930313233343536373839
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="UTF-8">
  5. <title>Basic SVG Renderer</title>
  6. <meta name="viewport" content="width=device-width, initial-scale=1">
  7. <!-- Import maps polyfill -->
  8. <!-- Remove this when import maps will be widely supported -->
  9. <script async src="https://unpkg.com/es-module-shims@1.6.3/dist/es-module-shims.js"></script>
  10. <script type="importmap">
  11. {
  12. "imports": {
  13. "threepipe": "./../../dist/index.mjs",
  14. "@threepipe/plugin-tweakpane": "./../../plugins/tweakpane/dist/index.mjs",
  15. "@threepipe/plugin-svg-renderer": "./../../plugins/svg-renderer/dist/index.mjs"
  16. }
  17. }
  18. </script>
  19. <style id="example-style">
  20. html, body, #canvas-container, #mcanvas {
  21. position: absolute;
  22. width: 100%;
  23. height: 100%;
  24. margin: 0;
  25. overflow: hidden;
  26. }
  27. </style>
  28. <script type="module" src="../examples-utils/global-loading.mjs"></script>
  29. <script type="module" src="../examples-utils/simple-code-preview.mjs"></script>
  30. <script id="example-script" type="module" src="./script.js" data-scripts="./script.ts;./script.js"></script>
  31. </head>
  32. <body>
  33. <div id="canvas-container">
  34. <canvas id="mcanvas"></canvas>
  35. </div>
  36. </body>