{"id":16153200,"url":"https://github.com/radicalappdev/interactive-3d-graphics-for-filemaker","last_synced_at":"2025-04-06T23:38:18.060Z","repository":{"id":196955977,"uuid":"697373824","full_name":"radicalappdev/Interactive-3D-Graphics-For-FileMaker","owner":"radicalappdev","description":"Small demo projects to showcase 3D graphics in a FileMaker Web Viewer","archived":false,"fork":false,"pushed_at":"2023-10-04T10:21:39.000Z","size":22084,"stargazers_count":1,"open_issues_count":0,"forks_count":0,"subscribers_count":2,"default_branch":"main","last_synced_at":"2025-02-13T05:34:05.765Z","etag":null,"topics":["3d-graphics","babylonjs","filemaker","javascript"],"latest_commit_sha":null,"homepage":"","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/radicalappdev.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null}},"created_at":"2023-09-27T15:42:14.000Z","updated_at":"2023-10-25T09:46:24.000Z","dependencies_parsed_at":"2023-10-02T17:20:47.190Z","dependency_job_id":null,"html_url":"https://github.com/radicalappdev/Interactive-3D-Graphics-For-FileMaker","commit_stats":null,"previous_names":["radicalappdev/interactive-3d-graphics-for-filemaker"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/radicalappdev%2FInteractive-3D-Graphics-For-FileMaker","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/radicalappdev%2FInteractive-3D-Graphics-For-FileMaker/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/radicalappdev%2FInteractive-3D-Graphics-For-FileMaker/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/radicalappdev%2FInteractive-3D-Graphics-For-FileMaker/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/radicalappdev","download_url":"https://codeload.github.com/radicalappdev/Interactive-3D-Graphics-For-FileMaker/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":247569138,"owners_count":20959758,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["3d-graphics","babylonjs","filemaker","javascript"],"created_at":"2024-10-10T01:10:32.747Z","updated_at":"2025-04-06T23:38:18.035Z","avatar_url":"https://github.com/radicalappdev.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Interactive-3D-Graphics-For-FileMaker\n\nThis repository contains several small projects that demonstrate ways to use 3D graphics in FileMaker. These demos were created using [Babylon JS](https://www.babylonjs.com/), a JavaScript library for 3D graphics.\n\nNote: these demos were prepared on macOS. There may be some edge cases in Windows that I haven't accounted for yet.\n\n## Instructions\n\n- Open the ExampleWidgets file in FileMaker Pro 19 or later. Each widget record contains a production-ready version of the widget. Press the \"Refresh\" button to load the widget into the web viewer, then run the script related to the demo (see the scripts menu).\n- To serve the demos yourself, navigate to one of the demo folders and run `npm install` to install the dependencies. Then, run `npm run start` to start the development server. You can then open the demo in a browser using the URL shown in the terminal.\n\n## Demos\n\nThese demos are provided as a means to spark some ideas and build excitement for using 3D in FileMaker.\n\n1. **FMPlayground** is a basic scene with a box and a text label, intended as a starting point.\n2. **BoxChart** is a multi-series bar chart based on the Categories export from FMComparison.\n3. **Timeline** is an orthographic scene with a timeline of events.\n4. **Map3D** converts an SVG map to BabylonJS meshes and colors each segment to create a 3D choropleth.\n5. **Layers3D** will convert layout objects (using clipboard data) into 3D meshes arranged in layers based on their containment and z-order.\n\nThese demos are not intended to be production-ready. While you are welcome to use them as-is, you will likely need to modify them to suit your needs.\n\n---\n\n## Resources \u0026 Notes\n\n### Babylon JS\n\nBabylon JS is a powerful library with many features. It's the best place to start for FileMaker devs learning to add 3D to their toolbox. Here are some resources to help you get started:\n\n- [Babylon JS documentation](https://doc.babylonjs.com/) - Extensive documentation and tutorials\n- [Babylon JS Playground](https://playground.babylonjs.com/) - Get started with your own scenes\n- [Babylon JS Forum](https://forum.babylonjs.com/) Active community with many of the core team posting there daily. You can find me there as @vrhermit\n- [Babylon JS Community Demos](https://www.babylonjs.com/community/) - Get inspired and see what others are doing with Babylon JS\n  - [Xbox Design Lab](https://xboxdesignlab.xbox.com/en-us/)\n  - [Target Room Planner](https://www.target.com/room-planner/college)\n  - [Frame](https://learn.framevr.io/)\n  - [Pi](https://www.pi2e.ch/scroll/)\n\n### Other Frameworks and Tools\n\n- [Three JS](https://threejs.org/) - Another popular 3D library\n  - [A-Frame](https://aframe.io/) - A-Frame is a web framework for building virtual reality experiences. It is built on Three JS.\n  - [React Three Fiber](https://docs.pmnd.rs/react-three-fiber/getting-started/introduction) - A React renderer for Three JS with a vibrant and creative community.\n- [PlayCanvas](https://playcanvas.com/) - A 3D game engine with a visual editor\n- [Blender](https://www.blender.org/) - Free 3D modeling software\n\n---\n\n## Shameless Plugs\n\n- Work with me [Radical App Dev](https://radicalappdev.com/#workwithme).\n- [Canvatorium](https://vrhermit.com/canvatorium/) - An experimental design lab for spatial computing\n- Where to find me [vrhermit.com/links](https://vrhermit.com/links/)\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fradicalappdev%2Finteractive-3d-graphics-for-filemaker","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fradicalappdev%2Finteractive-3d-graphics-for-filemaker","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fradicalappdev%2Finteractive-3d-graphics-for-filemaker/lists"}