Hi, the default password is “admin1234”

More info on setting up Designer can be found in the documentaion: https://raizensoft.com/test/web-app/pc3d/preview/docs/dir/Designer.html

thank you

Another Question: is it possible to show ONE Item bigger than others?

Yes,

All items have real 3D coordinates so item that has smaller Z value will appear smaller than item has bigger Z value. The gallery has a “maxDistance” option that increase the range of distribution of these items in Z axis and make them vary in size.

Thank you for the support. Where do I need to set it?

Hi Quade,

There is no immediate option but you can add apply these styles to take up the whole view area:

.rs-pc3d { max-width:100%; height:100%; } .rs-container { height:100%; } html, body, #wrapper { height:100%; }

Great thank you! One more question, there is a bit of a blur on the images as they’re floating on the canvas, is this something that can be controlled? It looks like its done purposefully to give the photos depth, but I’d like to have them as clear as possible as they are floating.

It can be changed but you have to edit the source code. Please follow these steps:

1) Setup the development environment: https://raizensoft.com/test/web-app/pc3d/preview/docs/dir/Development.html

2) Look for Gallery3dItem.js (src folder), change these codes in “build” function:

loader.load( itemInfo.src, function(texture) { //Add this line texture.minFilter = THREE.LinearFilter; 3) In makeTarget and makeFloat function, remove these codes this.updateFilter(..)

4) Finally in the terminal type “grunt examples” to create a new distribution and example files.

Perfect! Thanks for the info!

Hi Raizensoft, I am wondering if there is any way to get rid of the dithering or jaggedness of the photos as they are floating. The sides of the photos are rough and jagged as they float down the screen. Please let me know! Thank you

This is antialias issue and somehow I forgot to switch the variable on, please look for the file BaseApp.js (src/rs/three) and change this code in “init” function:

var r = this.renderer = new THREE.WebGLRenderer({alpha:true, antialias:true}); // Set antialias to true

Don’t forget to run “grunt examples” to create new distributions after making change.

Hope that helps,

Rimmon

Hi Rimmon,

Is there any easy way to make slideshow loop, currently rBtn is hidden when index reaches end of images, I’d like to have it loop back to 0 instead and start over. lBtn on 0 would loop to end of asset array as well. Before I dive into the code, just wanted to check and make sure this wasn’t existing functionality.

Thank you!

I’ll update the file to support looping. Here’s the snippet if you want to edit the code right away (PhotoCloud.js in src/rs/pc3d folder):

https://tinyurl.com/y2wsse6a

Thank you!! One more question and I’ll stop bothering you

Do you have options that are optimized for mobile viewing? I have about 30 photos per gallery and it gets a bit crammed and overwhelming. I know its kind of a vague question, but any info would be great on how to make it function and look the best on all phone screens.

Thank you!

Yes you can change the “minDistance” and “maxDistance” input variables to increase the range of random distribution:

var pc3d = new PhotoCloud(el, { maxDistance:7800, minDistance:250, speed:2, orientation:'vertical', boxThickness:22, viewAngle:-0.8 });

Also please feel free to send any support request if you need help with the project.

Thank you! Is there a way to make the photos fall slower and not all at once, say I have 30 photos, can they come into view individually instead of all at once. I realize this may be a complete functionality change as it draws all assets to canvas at once, but just wondering.

I have a workaround now setting the maxDistance to 30000 so only a few images show up in the foreground at once, but its not ideal.

Hi, The falling speed can be adjusted with “speed” input variable. Otherwise, the individual photo sliding is not quite possible with the current code. It needs more customization outside the core functionality.

Got it, thank you. Any way to contain all items to the width of the viewport? I would like to avoid cut off images on the left and the right sides.

I also need to display some images (panoramic photos) with a larger width than standard photos. I was going to adjust width based on the aspect ratio of the image. Can you let me know where you set the size of an image once it is selected from the cloud?

Found a solve for the panoramic photos—my only outstanding question is about preventing images from getting cut off on the sides. I assume I have to code in a minimum/max X coordinate instead of 0, but just want to make sure I’m on the right track.

Resolved!