atomic-bohr-model
Thisd3poweredvisualizatiopackageprovidesatomicaimatioswhicharehighlycustomizable.Aexampleappusigthispackagecabefoudhere:https://acollectioofatoms.github.io/atomic-bohr-model-examples/idex.html
FeaturesResposiveBuiltwithd3.jsiES6Easilymodifieducleus,orbital,adelectroradii,colorAimatediitializatioOrbitalrotatioalpatters:liearPositiveliearNegativecubedPositivecubedNegativeparabolaUpparabolaDowradomuiformOrbitalpatterscabeetirelyclockwise,couter-clockwise,oralteratigDyamic"address"systemprovidesdistictID'sforeachcompoetoftheAtom(Helpfulforaimatioadstylig.See:Properties)WikipediasummaryadliksprovidedforeachAtomobject(See:Properties)Electrocofiguratiosprovidedbyhttps://e.wikipedia.org/wiki/Electro_shellIstallatiopmistallatomic-bohr-model--save
UsageIcludethisscriptelemetiyourmark-up:
<scripttype="text/javascript"src="./ode_modules/atomic-bohr-model/dist/atomicBohrModel.mi.js"charset="utf-8"></script>alogwithadivtocotaiyouratom.
<divid="bohr-model-cotaier"></div>`YouMUSTesureyourdivhasawidthadheight
Theatomsprovidedarerestrictedtothosewhichexistadhavebeediscovered,therefore:
1<=umElectros<=118
(passigaythig<1or>118willresultieitherHydrogeorUuoctium)
AtmiimumumElectros,cotaierId,adauiqueidNumbermustbeprovided.
varatomicCofig={cotaierId:"#bohr-model-cotaier",umElectros:88,idNumber:1}varmyAtom=ewAtom(atomicCofig)OptiosvarmyAtom=ewAtom({cotaierId:'#my-cotaier',umElectros:1,//Aitegerbetwee1ad118ucleusRadius:30,//Ifotsuppliedwillbe1/12ofthecotaierswidthucleusColor:'rgba(124,240,10,0.5)',//Hex,strigorrbgaelectroRadius:3,//Defaultvalueis3electroColor:'blue',//SeeucleusColororbitalSpacig:10,//Ifotspecifiedwillbea1/3rdoftheucleusRadiusorbitalWidth:1,//widthoforbitalpaths,defaultis0.1orbitalColor:'black',//seeelectroColoridNumber:1,//RequiredittoprovideuiqueAtomsaimatioTime:1300,//TimeimillisecodsforiitialelectroaimatiorotateCofig:{speed:50,clockwise:true},//RotatesetireAtomwithgiveparamsorbitalRotatioCofig:{//Ivokesorbitalrotatiosatiitializatiopatter:{alteratig:false,//Alterateorbitaldirectioclockwise:false,//Directioforallorbitalspreset:'cubedPositive',//Strigtosetpatter(seeFeaturessectio)}},symbolOffset:8,//WhemodifyigucleusradiusthismayeedadjustigdrawSymbol:true//Rederatomicsymbolorot})MethodsmyAtom.removeElectros(2)Removesagiveumberofelectros
myAtom.addElectros(7)Addsagiveumberofelectros
myAtom.setNumElectros(33)Setstheumberofelectros
varorbitalRotatioCofig={patter:{alteratig:true,clockwise:false,preset:'parabolaUp',}}myAtom.rotateOrbitals(orbitalRotatioCofig)Rotatesorbitalswithgivecofiguratio
myAtom.destroy()Destroysthe<g>elemethousigtheAtombut,NOTtheparet<svg>
varrotateCofig={speed:50,clockwise:true}myAtom.rotate(rotateCofig)Rotatesetireatomwithgivecofiguratio
Properties//WikipediadatamyAtom.elemetNamemyAtom.wikiSummarymyAtom.wikiUrlmyAtom.electroCofigmyAtom.atomicSymbol//IdetifyigAtomsadtheircompoetsmyAtom.atomId//ex:atom-0varfirstOrb=myAtom.orbitals[0]//d3selectiofirstOrb.orbitalId//ex:atom-0-orbital-0firstOrb.electros[0].eId//ex:atom-0-oribital-0-electro-0
评论