90s Cursor Effects
github.com
github.com
This was an OS feature (and still is, at least on Win7), rather than a cheesy webpage effect. The browser was never allowed to know what the cursor looks like, so it's impossible for webpages to implement a native-looking mouse trail that works consistently.
The OS mouse trail was super useful on LCD screens with sluggish pixels: without it, the cursor would be essentially invisible if you moved the mouse too fast. Couldn't use my NEC Ready 120LT without this feature!
It's also (still) super useful for visually impaired users.
Most of my early javascript snippets came from javascript.internet.com [1], but I found a copy on yaldex [2]. More classics available there and javascript-fx.com [3]
[1] http://web.archive.org/web/20000619201149/http://javascript....
Here's a page that has them a little more like I remember: http://rainbow.arch.scriptmania.com/scripts/elasticballs.htm...
About mouse cursors and effects: Windows 95 Plus CD contained many desktop themes incl various themed cursor, background wallpapers, animated screensaver. Wonderful for its time.
Smalltalk-72 manual (1976), page 2 - http://mame.myds.me/bitsavers/pdf/xerox/parc/techReports/Sma... :
> The Mouse: The little rectangular object with three buttons that usually sits to the right of the keyboard is called a mouse. Move it around while watching the screen. An arrow (mouse cursor) will be moving in response to it. This is how we point to objects on the screen.
Raster Graphics for Interactive Programming Environments (1979) - http://www.mirrorservice.org/sites/www.bitsavers.org/pdf/xer...
> Graphical input. The user is provided with a "mouse," a coordinate input device with three pushbuttons. The mouse rolls along a table top and is tracked by a cursor that moves on the screen. The mouse can thus be used to point to objects already displayed on the screen, or simply to identify a coordinate position.
The Blit: A Multiplexed Graphics Terminal ("Sometime in 1983", by Rob Pike) - http://citeseerx.ist.psu.edu/viewdoc/download?doi=10.1.1.611...
> The state of mouse input is reflected by the cursor tracked by the mouse as it is moved. Usually, the cursor is an arrow pointing to the pixel at the mouse’s location. A program may change the cursor to reflect its state.
A Study in Interactive 3-D Rotation Using 2-D Control Devices" (1990) - http://research.microsoft.com/en-us/um/people/asellen/public...
> If the mouse button is depressed while the mouse cursor is inside the circle, left-and-right and up-and-down movement of the mouse will rotate the object left-and right and up-and-down on the screen.
Fluid DTMouse: Better Mouse Support for Touch-Based Interactions (2006) - http://citeseerx.ist.psu.edu/viewdoc/download?doi=10.1.1.416...
> For example, once you have moved the mouse cursor over a small target that is to be dragged, you do not want the act of switching to mouse dragging mode to move the cursor off of the target .
Cursors
A cursor is a small image that appears on the screen and is controlled by the mouse. (It appears only on the screen, and never in an off-screen bit image.) Other Macintosh documentation calls this image a "pointer", since it points to a location on the screen. To avoid confusion with other meanings of "pointer" in this manual and other Toolbox documentation, we use the alternate term "cursor".
Yes. Using the DOM for a lot of individual spans totally kills this.