Difference between revisions of "Useful Links"

From Verge3D Wiki
Jump to navigationJump to search
(Created page with "The following is a collection of Verge3D resources that you might find useful.<br /> == Forums == Use [https://www.soft8soft.com/forums/ Verge3D forums] for discussions, que...")
 
 
(23 intermediate revisions by 2 users not shown)
Line 5: Line 5:
Use [https://www.soft8soft.com/forums/ Verge3D forums] for discussions, questions, feature requests, or jobs. This is also a good place to showcase your projects.
Use [https://www.soft8soft.com/forums/ Verge3D forums] for discussions, questions, feature requests, or jobs. This is also a good place to showcase your projects.


== Tutorials ==
== Link Shortener ==


=== Beginner Level ===
Use the official [https://v3d.net/ v3d.net] shortener to shorten links to your Verge3D applications, videos, tutorials, portfolios, etc. Here you can also choose some human readable URL for your resources.


Watching these series is a good way to start with Verge3D.
== Tutorials ==


* [https://www.youtube.com/playlist?list=PLMnTV0uuRMhRH6p4DSW-AEcQZEulzm461 Verge3D for Blender Basics] video course.
For tutorial links, check out the following articles:
* [https://www.youtube.com/playlist?list=PLMnTV0uuRMhR2zhXxPqAD8G9wp_LNIXZc Verge3D for 3ds Max Basics] video course.
* [https://www.youtube.com/playlist?list=PLMnTV0uuRMhS89ra_kYqKPYbpCv2Eh5GO Verge3D for Maya Basics] video course.


=== Advanced Level ===
[[Verge3D for Blender Tutorials]]


Here are some more advanced tutorials explaining various Verge3D use cases.
[[Verge3D for 3ds Max Tutorials]]


* [https://www.soft8soft.com/making-3d-product-configurator-for-woocommerce/ Making 3D Product Configurator for WooCommerce] ([https://www.youtube.com/watch?v=dJdUKwSxA8c video version]).
[[Verge3D for Maya Tutorials]]
* [https://www.youtube.com/watch?v=U6aGboR_sHE Creating interactive interior visualisation] — Verge3D for Blender tutorial by Dorian Zgraggen.
* [https://www.youtube.com/playlist?list=PLvH2ejcv0wjRA4K6pQ6mUZgLTueIGSMe2 Creating Asteroids game] — Verge3D for Blender tutorial series by Dariusz Dzwonkowski.
* [https://youtu.be/ajK6_z2goXI Verge3D with 3ds Max] — how to create interactive car visualization in 3ds Max (by Jamie Cardoso).
* [https://youtu.be/Os9skozlm6M So you want a cool Maya plugin?] — Verge3D for Maya review by Mike Hermes.
* [https://youtu.be/t4RCYBMn-8I Converting AutoCAD drawing to WebGL-based interactives].


== Social Media ==
== Social Media ==
Line 57: Line 50:
* [https://www.soft8soft.com/get-verge3d/ Verge3D distributions] come with sources of the demo applications from our Gallery.
* [https://www.soft8soft.com/get-verge3d/ Verge3D distributions] come with sources of the demo applications from our Gallery.
* [https://cdn.soft8soft.com/demo/examples/index.html Verge3D code examples] — examples for JavaScript coders.
* [https://cdn.soft8soft.com/demo/examples/index.html Verge3D code examples] — examples for JavaScript coders.
* [https://sandbox.soft8soft.com/ Verge3D for Wordpress sandbox] — use this website to try out Verge3D's publishing, remote storage and e-commerce features.
* [https://sandbox.soft8soft.com/ Verge3D for Wordpress sandbox] — use this website to try out Verge3D's publishing, remote storage and e-commerce features. Customer Apps, Demos and Examples:
 
* [https://webgl.r66dapps.com/escapev1/ Escape Room Game] - an interactive short made with Blender and Verge3D-  by Route 66 Digital
== Third-party Verge3D Plugins ==
*[https://webgl.r66dapps.com/watch/ Programming Time] - an interactive watch that tells the current time where every you are in the world - by Route 66 Digital
*[https://webgl.r66dapps.com/p51/ P51 Beer] - an interactive that explores post processing effects and allows you to order a beer - by Route 66 Digital
*[https://webgl.r66dapps.com/toothbrush/ Toothbrush] - an interactive educational demo that explains what clients need to know about creating interactives - by Route 66 Digital
*[https://webgl.r66dapps.com/starpuzzle/e Star Puzzle] - an interactive step by step instructional interactive that teaches you how to solve the star puzzle - by Route 66 Digital
*[https://webgl.r66dapps.com/robotique_first_quebec/ Robot Explorer] - an online interactive learning experience for students to explore a robot they are about to build - by Route 66 Digital
*[https://webgl.r66dapps.com/clozex/ Wound Closure] - an interactive step by step emergency guide to applying a laceration closure device - '''by Route 66 Digital'''
*[https://webgl.r66dapps.com/clozex/ NOCO Genius 10] - an interactive exploration in modeling and motion graphics - by Route 66 Digital  <br />


[[:Category:Plugins|Plugins]] extend the core functionality of Verge3D in a clean and easy-to-use fashion. Here is the list of plugins developed by third-party Verge3D professionals and companies:
== Verge3D Plugins ==


* [https://gumroad.com/l/IpdbDX CSS3D] — plugin for embedding websites, videos, or maps on surfaces of 3D objects.
See [[List_of_Verge3D_Plugins|here]] for a list of Verge3D plugins.
* [https://gumroad.com/l/HxqzA Teleport] — adds clickable navigation points to the 3D scene for moving the first-person camera.
* [https://gumroad.com/l/2dCanvasEditorVerge3D 2D Canvas Editor] by CyberFox — powerful tool to draw, write and imprint directly on 3D models.
* [https://gumroad.com/l/avhgA Ruler] — plugin implementing interactive ruler for measuring 3D object dimensions.
* [https://gumroad.com/l/ScreenRecorderVerge3d Screen Recorder] — real-time screencasting plugin.
* [https://gumroad.com/l/RilJu Draggable Texture] — translate, rotate, and scale textures right on your models in real-time.
* [https://gumroad.com/l/KUEQK Color Plugin] — easy-to-use color picker for your Verge3D-based apps.
* [https://gumroad.com/l/UASkR Canvas] — drawing vector-based textures in realtime using Puzzles.
* [https://gumroad.com/l/hKJha Virtual Joystick] — virtual joystick controller for mobile devices.
* [https://gumroad.com/l/LMWqF GUI] — plugin for adding simple controls to tweak the graphics of your scenes in real time.
* [https://gumroad.com/l/url_plugin Save/Load URL] — plugin for saving and loading configurations with page URLs.
* [https://cyberfox.gumroad.com/l/pdfgeneratorverge3d PDF Generator] — plugin for generating custom PDF documents.
* [https://zjbcool.gumroad.com/l/xIVEA Pathfinding Plugin] — plugin for calculating the shortest route between two points in a 3D scene.


Find more and discuss plugin development on the [https://www.soft8soft.com/forum/plugins/ Forums].
== Asset Packs and Themes ==
 
== Third-party Asset Packs and Themes ==


Here is the list of asset packs and themes developed by Verge3D community:
Here is the list of asset packs and themes developed by Verge3D community:


* [https://verge3d.blogspot.com/2021/07/how-to-use-verge-3d-preloaders-pack.html Verge3D Preloaders Pack] — awesome collection of ready-to-use preloaders for your Verge3D-based apps.
* [[Preloaders_Pack|Verge3D Preloaders Pack]] — awesome collection of ready-to-use preloaders for your Verge3D-based apps.
* [https://youtu.be/bihTKmCOLlo Simple Flat Theme] — flat theme for the Puzzles editor.
* [https://youtu.be/bihTKmCOLlo Simple Flat Theme] — flat theme for the Puzzles editor.


Line 94: Line 79:
* [https://help.autodesk.com/view/MAYAUL/2022/ENU/ Maya Help] — Autodesk Maya official docs.
* [https://help.autodesk.com/view/MAYAUL/2022/ENU/ Maya Help] — Autodesk Maya official docs.


== Get Help with App Coding ==
== Browser Development Progress, Bug Trackers, and Statistics ==
 
Just Google &quot;How to do ... in three.js&quot; and with 99% probability you will be able do the same with Verge3D since we're trying to maintain API compatibility between the two frameworks.
 
== Browser Development Progress and Bug Trackers ==


Important resources to follow the browser development progress and roadmaps:
Important resources to follow the browser development progress and roadmaps:
Line 107: Line 88:
* [https://webkit.org/status/ WebKit Feature Status] — Safari/WebKit development status.
* [https://webkit.org/status/ WebKit Feature Status] — Safari/WebKit development status.
* [https://developer.microsoft.com/en-us/microsoft-edge/status/ Microsoft Edge Platform Status].
* [https://developer.microsoft.com/en-us/microsoft-edge/status/ Microsoft Edge Platform Status].
* [https://gs.statcounter.com/ Statcounter Global Stats] — browser/operating system/device vendor market share.


== Browser Technologies — WebGL, WebXR etc ==
== Browser Technologies — WebGL, WebXR etc ==
Line 130: Line 112:
* [https://en.wikipedia.org/wiki/Adreno List of Qualcomm Adreno GPUs].
* [https://en.wikipedia.org/wiki/Adreno List of Qualcomm Adreno GPUs].


== International Resources ==
== Resources for graphics coders ==
 
=== Russian ===
 
* [https://www.soft8soft.com/ru/%D1%84%D0%BE%D1%80%D1%83%D0%BC%D1%8B/ Русскоязычный форум Verge3D].
* [https://www.youtube.com/channel/UCqrdIbDZUSGr_fiT_aGOT9Q Verge3D по-русски] — официальный канал на YouTube.
* [https://youtu.be/6uKHWamVK3A Базовые основы работы с Verge3D] — серия видеуроков Игоря Ткаченко.
* [https://www.youtube.com/playlist?list=PLRt8w_7VFUf3cPhZxa93Wu4IY6ga_Tqh0 Web 3D Базовый курс] — бесплатные уроки по Verge3D от студии CyberFox.
* [https://www.youtube.com/playlist?list=PLtsBd1SCeEv7bempcr1gz2drr_vA2Bp4y Verge3D. Программируй как художник] — программирование в Verge3D с использованием Puzzles. Серия для художников без опыта или с небольшим опытом в программировании.
 
=== Chinese ===
 
* [https://verge3d.funjoy.tech/ Verge3D中国] — 是由Soft8Soft与FunJoy.Tech共同打造的中文门户.
* [https://www.soft8soft.com/docs/manual/zh/ Verge3D用户手册].
* [https://www.soft8soft.com/cn/%E8%AE%BA%E5%9D%9B/ Verge3D论坛].
* [https://zh.wikipedia.org/wiki/Verge3D 维基百科上的Verge3D文章].
 
=== Spanish ===
 
* [https://www.youtube.com/watch?v=DCeVg89Y0Yg&list=PLqWsGU6JgjsXdgIHOFhFdvzYgiID0-8Bu Presentación videotutoriales verge3d y blender. Creación de videojuegos para la web].
* [https://es.wikipedia.org/wiki/Verge3D Artículo de Verge3D en Wikipedia].
 
=== Portuguese ===


* [https://youtu.be/hPmEiQO56aI Verge 3D – Além do Web3D].
* [https://developer.mozilla.org/en-US/docs/Web/API/WebGL_API/WebGL_best_practices WebGL best practices]
* [https://pt.wikipedia.org/wiki/Verge3D Artigo Verge3D na Wikipedia].
* [https://learnopengl.com/ Learn OpenGL]
* [https://google.github.io/filament/Filament.html Physically Based Rendering in Filament].


== Got Anything to Share? ==
== Got Anything to Share? ==


Feel free to edit this article!
Feel free to edit this article!

Latest revision as of 05:04, 28 February 2024

The following is a collection of Verge3D resources that you might find useful.

Forums

Use Verge3D forums for discussions, questions, feature requests, or jobs. This is also a good place to showcase your projects.

Link Shortener

Use the official v3d.net shortener to shorten links to your Verge3D applications, videos, tutorials, portfolios, etc. Here you can also choose some human readable URL for your resources.

Tutorials

For tutorial links, check out the following articles:

Verge3D for Blender Tutorials

Verge3D for 3ds Max Tutorials

Verge3D for Maya Tutorials

Social Media

Here is the list of Soft8Soft's official and third-party social media accounts. You might use them to get the latest Verge3D updates and communicate with your fellow vergers!

Also use #verge3d or #3dweb tags to find info about Verge3D framework as well as recent updates from the 3D web industry.

Verge3D Reviews

Verge3D is presented on several review and product comparison websites. We would really like to know what you think and appreciate honest feedback from you!

Apps, Demos and Examples

Check out to see what Verge3D is capable of:

  • Gallery — the gallery of applications made with Verge3D. This is a good starting point to grasp Verge3D features and capabilities.
  • Verge3D distributions come with sources of the demo applications from our Gallery.
  • Verge3D code examples — examples for JavaScript coders.
  • Verge3D for Wordpress sandbox — use this website to try out Verge3D's publishing, remote storage and e-commerce features. Customer Apps, Demos and Examples:
  • Escape Room Game - an interactive short made with Blender and Verge3D- by Route 66 Digital
  • Programming Time - an interactive watch that tells the current time where every you are in the world - by Route 66 Digital
  • P51 Beer - an interactive that explores post processing effects and allows you to order a beer - by Route 66 Digital
  • Toothbrush - an interactive educational demo that explains what clients need to know about creating interactives - by Route 66 Digital
  • Star Puzzle - an interactive step by step instructional interactive that teaches you how to solve the star puzzle - by Route 66 Digital
  • Robot Explorer - an online interactive learning experience for students to explore a robot they are about to build - by Route 66 Digital
  • Wound Closure - an interactive step by step emergency guide to applying a laceration closure device - by Route 66 Digital
  • NOCO Genius 10 - an interactive exploration in modeling and motion graphics - by Route 66 Digital

Verge3D Plugins

See here for a list of Verge3D plugins.

Asset Packs and Themes

Here is the list of asset packs and themes developed by Verge3D community:

Blender, 3ds Max, Maya

In the case you need help with 3D packages which Verge3D is compatible with, we brought you this list:

Browser Development Progress, Bug Trackers, and Statistics

Important resources to follow the browser development progress and roadmaps:

Browser Technologies — WebGL, WebXR etc

Info for web developers, such as specifications, examples, and debugging tools:

Graphics Processing Units (GPUs)

Wikipedia contains very useful articles with GPU specs:

Resources for graphics coders

Got Anything to Share?

Feel free to edit this article!