Remove mouseview.js aperture with jsPsych - javascript

I don't really have any experience with JS.
That being said, I am working on an experiment where I am using jsPsych and MouseView.js to build the experiment.
I am using MouseView.js's demo and am wondering how I'd remove the aperture that it adds at the end of the trial. Their demo does not appear to do that.
Anyone with experience with either of these tools or with JS more generally have an idea about how I'd do this?
The code that I am using is here in this demo:
https://github.com/u01ai11/MouseView.js/tree/master/examples/jspsych

Related

Am I compelled to put everything on one single page when adding a scroll effect?

I'm kinda stuck. I have to create a portfolio and I have to mostly use html5 and css3, with a bit of js, jquery and stuff if I really want to. I'm not very good at web development but I still wanted to experiment and do a professional and nice site. The thing is, implementing a simple scroll effect on your whole website seems to force you to write the html code on one single index. Does anyone know if this is really the case? Are there other solutions?
Thanks in advance. I know that it is not the smartest question but I'm really not good at it, so sorry in advance. Bye!
(I didn't really try anything yet except from the classic class "scroll-container", which is my main problem : I still want to have several html pages to separate things so that it is clear in my mind. Putting everything on a single webpage will definitely lose me)
use an external library or plugin, such as fullPage.js or Scrollify, which can enable a scroll effect across multiple pages.

Finding and trying to understand the technology used behind the scene

Sorry if the question is a bit out of place but don't know any better since i'm a complete beginner.
What i'm trying to say is let's take for example this site
https://exp-ion.lusion.co/
I am trying to "decode" what libraries and technologies are used behind the scene so i can learn more about them and try to replicate the same effects.
Is it in any way possible to get "hints" on how things are done?
Tried looking up the source code, tried inspecting various elements. I get that the scene is done using threejs library. What about the scroll ladder? What about the text?
Thank you in advance for any tips and tricks.
You can try Wappalyzer, they have a browser extension you can install that let's you see most of the technologies used in a site.

How I can do this effect? css jquery

I dont know how to do this effect
http://www.putput.dk/
I want to do exactly same that I am showing in the image
If you open the dev console We built this site with the help of Manipulator, an extremely flexible and performance optimised JavaScript library. Check out parentnode.dk if you want to know more.
Check out http://parentnode.dk/ for their Manipulator javascript library. It might be what you're looking for. It's unclear from your question which effect you're looking for. Perhaps if you describe the part you're referencing it may help.

3D javascript and html library for implementation of stick cricket kind of animation

I want to create animation similar to stick cricket (http://www.sticksports.com/game/stick-cricket/2-player-1-keyboard/) in html + javascript. Can you please help what kind of library is available and can be used to achieve this. Can you please suggest some suitable libraries for my requirement. Any kind of help is hugely appreciated.
regards,
Subhankar
You could try tree.js
http://mrdoob.github.com/three.js/
It uses WebGL and is the best 3D library at this very moment in my opinion.
Sincerly,
Harmen Brinkman.
Update
I've checked out the link you posted, and i'm pretty sure that that is a flash game.
If so, then it's made in Adobe Flash, and pretty much not do-able in javascript and html only.

Image editor component in Flex / JavaScript

I'm looking for a simple Flex or JavaScript based image editing component which can be embedded in a web application. It shouldn't be a web service but rather a component that I can download and customize (i18n etc.).
I only need some basic features: most important is cropping, optional features would be rotating and adjusting brightness/contrast.
Basically something like splashup.com, but as an open source application rather than a web-service.
Thanks a lot in advance for any hints!
-- Andreas
There is pixastic.
Pixastic is a JavaScript library which allows you to perform a variety of operations, filters and fancy effects on images using just a bit of JavaScript.
Be sure to read the documentation to make sure the operations you are looking to perform are supported by all browsers. There are some issues with IE.
They have a editor you can try. It shows off some of the features.
Your question suggests you want an out of the box solution, or at least a base to stand on.
Quick Google search reveals editImage. This doesn't look polished or bug free, however building on this or rolling your own should not be difficult.
Here is a good article on Image Manipulation in Flex. Towards the end of it read "Cropping, Panning and Zooming", your basically looking at 5 lines of code. I think you might even be happier building this yourself.
Thanks for your answers!
I ended up customizing and extending this component:
http://blog.mediablur.com/2008/02/20/flex-image-cropping-component/

Categories

Resources