This module is provided on behalf of the
Rhetorically Elloquent Advanced Development Moves Ensemble
for the pursuit of intergalactic mercantile diplomas.

attractive

summary

components

example

import { createApp } from 'vue'

import { attractive } from 'attractive'
import lounge from 'attractive/deja/lounge/decor.vue'
import { create_fields } from 'attractive/physics/fields'	


import '@/assets/main.css'
import earth from '@/apps/Earth/scenery/planet/field.vue'


(async () => {
	const physics = await Promise.all ([
		create_fields ({
			starting_palette: "Moonflower",
			palettes: Object.freeze ({
				"Moonflower": Object.freeze ({		
					change_duration: "2.5s",
					change_duration_ms: 2500,
					
					hw_button: {
						border: '4px solid rgba(34, 34, 34, 0)',
						background: 'linear-gradient(-10deg, rgba(202, 193, 130, 0), rgba(255, 251, 251, 0.23))',
						color: 'white'
					},
					button: {
						border: 'none',
						background: 'linear-gradient(22deg, rgb(68, 68, 68), rgb(53, 53, 53))',
						boxShadow: 'rgba(43, 4, 4, 0.89) 0px 2px 1px 0px, rgba(255, 255, 255, 0.26) 0px 0px 1px 0px inset',
						color: 'white'
					},
					
					1: "#222",
					2: "#FFF"
				}),
				
				"Glowy": Object.freeze ({
					change_duration: "2.5s",
					change_duration_ms: 2500,
					
					hw_button: {
						border: '4px solid rgba(34, 34, 34, 0)',
						background: 'linear-gradient(-10deg, rgba(83, 78, 29, 0), #4d1c1c59)',
						color: 'black'
					},
					button: {
						border: 'none',
						background: 'linear-gradient(22deg, rgba(191, 168, 100, 0.03), rgba(172, 144, 63, 0.21))',
						boxShadow: 'rgba(185, 181, 164, 0.89) 0px 2px 1px 0px, rgba(164, 164, 164, 0.31) 0px 0px 1px 0px inset',
						color: 'black'
					},
					
					1: "rgb(238, 237, 225)",
					2: "#222"
				})
			})
		})
	]);
	
	/*
		This course is started in this script.
	*/
	const app = createApp (earth)

	// the lounge requires that the "create_fields" be called already.
	app.component ('lounge', lounge);
	app.mount ('#app')
}) ()