Plugin Conflict

I tried to create a gallery with the flying car object as a sample, I can see the car in the preview (eyeball) for the gallery in the plugin UI, but when I paste the shortcode into a page, nothing appears. But I noticed all of my other tools that use charts.js via CFF plugin (calculated fields forms) were broken. So by deactivating the threepress plugin my calculated fields all re-appeared. I suspect there is some kind of js conflict going on between CFF and Threepress. But when I deactivated the CFF plugin, I cannot get the Threepress gallery shortcode to render anything after several attempts. I wonder if there is any further guidance you could offer? I will try this also on another website (where I will also deactivate the CFF I am running there also). I’m keen to get this working as I’d like to start scripting some parametrically-editable js polyhedra, but I can’t even get the canvas or the sample object to render yet :/ Thanks in advance. Andy This topic was modified 2 years, 3 months ago by andyro . The page I need help with: [ log in to see the link] I just tested out those 3 components on one page too, and so far it seems ok. https://oko.nyc/threepress-samples/ CFF plugin, with a chart.js Chart, and Threepress galleries. Only difference may be that my Chart is not generated by CFF; I’m not familiar with that route. I was just working with Chart.js myself anyway though so I included one from scratch. Can you view your javascript console for errors ? If there’s no red messages there you can try installing ‘Error Log Monitor’ to get a log of PHP errors. Here is what my js console looks like with both CFF and Threepress plugins active. The ‘Affordability Pie’ page ( https://openbuilding.ca/tools/affordability-pie/ ) fails to call the script somehow – this goes away when I deactivate threepress… and also attached is the block editor view of the threepress gallery I’m trying to paste into this page: https://openbuilding.ca/tools/threepress-test/ I’ll try loading the ‘Error Log Monitor’ you suggest. Thanks for looking into this. This reply was modified 2 years, 3 months ago by andyro . PHP error log just showed a bunch of deprecated WooCommerce settings which is odd since the plugin is up to date in a brand new install of the WP 2024 theme… Non-woo-commerce related errors. Jan 06, 18:12:13WPComSH: headstart: wpcomsh_apply_headstart_terms: Could not find the headstart annotation for theme [twentytwentyfour]. locale=[en_US] fallback_locale=[en] Jan 10, 16:03:23Cron reschedule event error for hook: action_scheduler_run_queue, Error code: invalid_schedule, Error message: Event schedule does not exist., Data: {“schedule”:”every_minute”,”args”:[“WP Cron”],”interval”:60} Jan 11, 15:01:34WPComSH: headstart: wpcomsh_apply_headstart_terms: Could not find the headstart annotation for theme [twentytwentyfour]. locale=[en_US] fallback_locale=[en] But here’a an example of my CFF charts.js and CFF shortcode showing nothing when threepress is active: https://openbuilding.ca/tools/affordability-pie/ Do you perhaps have a bundling / minifying / caching option active somewhere? It looks like the site is attempting to bundle Threepress along with jquery. I opened up one of scripts throwing an error and it was a combination of the those, which is not going to work. It looks like somehow your site serves resources out of a “_static” endpoint, so the site probably attempts to make super-efficient bundles of js files, and then serve them all together out of there, but somehow it’s mashing things together that shouldn’t be. (That’s my 75% confidence guess). That “minifying” could come from a theme, plugin, or potentially even your host might offer that. Does that ring a bell? Let me know any thoughts, I’d be happy to get to the bottom of it in any case. The site is hosted on wordpress.com as a ‘creator’ level package. I will shut off some plugins and see if that helps. There is a bunch of jetpack stuff running by default… I shutoff jetpack performance accelerator: “Load pages faster by allowing Jetpack to optimize your images and serve your images and static files (like CSS and JavaScript) from our global network of servers.” That was it. Switching back on plugins (flying car showed up finally). Ugh, nope that wasn’t it – it is some other plugin. Isolating now. This reply was modified 2 years, 3 months ago by andyro . It was a ‘Page Optimize’ plugin installed by default (Automattic): “Optimizes JS and CSS for faster page load and render in the browser.” Aha, good to know the cause at least. I don’t think there will be any fix other than disabling that particular one. The issue is Threepress uses unbundled js modules. This is an increasingly used practice, but for it to work with these optimizers I would need to bundle all the Threepress routes into separate bundles, and I likely won’t have time for that. If you need any help getting the parametric stuff started feel free to ask. Thank you. Well, ultimately my goal is to use the math of NJ Wildberger (Rational Trigonometry) as a computationally more efficient method to describe/render polyhedra with no trailing decimals or rounding. What I eventually want to do is use the CFF interface to allow for parametric sliders to manipulate the polyhedra values to warp and morph the polyhedra. I’d start with the classic Tetraktys series… I need to find an authoring tool that will allow me to write polyhedra this way however, I’ve done so in Graphisoft ArchiCad but it limits my 3D export formats. Other authouring tools like Blender will have their own conventional trig methods to define polyhedra, I will probably need to hand code the stuff… or start from a conventional authoring tool’s methods and then rip out the math bits and swap in the rational trig methods. This reply was modified 2 years, 3 months ago by andyro . I’ll post a PDF here that outlines the basics… for more info on the topic look up Quadrays, Tom Ace (C++ version), Kirby Urner, Bucky Fuller, Caltrops, etc. Gerald DeJong put me on the Wildberger path… https://openbuilding.ca/wp-content/uploads/2024/02/Graphisoft-Days-Geometry-Section.pdf This reply was modified 2 years, 3 months ago by andyro . This reply was modified 2 years, 3 months ago by andyro . Great demo of where I’d like to get to w. parametric controls: https://threejs.org/examples/#webgl_geometry_sdf Also – I’m a little stumped on whether I can use the standard WP media uploader to put .glb files – doesn’t seem to want to. Will I need to ftp them up? (per: https://wordpress.com/support/accepted-filetypes/ ) – oh nevermind – you solved that with your model UI page – got it! This reply was modified 2 years, 3 months ago by andyro . This reply was modified 2 years, 3 months ago by andyro . Hmm, I’ll have to check that out. That could very well be a WP.com limitation. Threepress is coded to ‘unlock’ glb uploads which hasn’t been an issue on any self-hosted I’ve been aware of, but I wouldn’t be surprised if the WP.com servers forbid that. I’ll make a note to check it; got to step away for a bit now though. No it’s good – I just had to add the model from your UI (+) not from the general media uploader… https://openbuilding.ca/tools/threepress-test/ – success so far. I just can’t get the model converter I was using to capture textures, transparencies, etc. yet: https://products.aspose.app/3d/conversion/obj-to-glb – might need to find some different converters/formats/authoring tools. Being faithful to the geometry/math is important ultimately. This reply was modified 2 years, 3 months ago by andyro . Blender is best for exports yea. Latest versions have glb convert / export built in, and I’m not an expert on the various settings, but most material export settings are available in the export dialogue. For the parameters, you probably want this mini library. It’s the same you saw earlier – “dat.gui”. You make “a GUI”, “a folder”, and then when you tag / add the properties in they become available automatically as inputs if I remember correctly. Your galleries on the Threepress page will be in the global THREEPRESS.galleries array. To access your model you have to get a little creative, but you can dig around in the console until you find it. It will be something like: var my_model = THREEPRESS.galleries[0].SCENE.children[0] Thanks, the GUI is beyond my abilities. But I’d like to try it somehow anyways. Is it possible to over-write or otherwise upload my own HDRI backgrounds? My scenes all look a little dark and I’m not sure if that’s the gallery settings or my object settings. I maxxed lighting. In this example file over at three.js: https://threejs.org/examples/#webgl_materials_envmaps – they use the same bridge HDRI but it is much brighter than what I am trying here: https://openbuilding.ca/tools/threepress-test/ Sorry it’s probably an issue with the Threepress HDRI implementation; it was never completed as fully as it should have been. You can implement your own using the same method that you would add your own GUI, but if you check out the docs for HDRI in threejs you’ll see it’s very finnicky to get right. The GUI is a little easier. I was planning at some point to allow custom js adds, but in the meantime, you can use a plugin like Header Footer Scripts to inject your own. First add that CDN link to the dat.gui script. And then also add a script of your own. If you can, find another way to test, even if it’s just running the script in the console, to make it go faster. If you get the dat.gui included on your site, I could even do a sample of the rest on your page probably.