Coder Social home page Coder Social logo

aisc-org / aisc-model-viewer Goto Github PK

View Code? Open in Web Editor NEW
1.0 3.0 4.0 31.91 MB

Three-Dimensional Model Viewer for Illustrating Structural Steel Concepts

Home Page: https://aisc-org.github.io/aisc-model-viewer

TypeScript 71.89% CSS 12.17% JavaScript 8.36% EJS 7.58%

aisc-model-viewer's Introduction

Three-Dimensional Model Viewer for Illustrating Structural Steel Concepts

This repository contains the source code for the site. See Setting up a development environment for information on building the site from these sources.

Contributing

See the documentation for more details.

About

This project was developed by Mark Denavit and Peter Talley at the University of Tennessee, Knoxville. Funding for this project was provided by the American Institute of Steel Construction (AISC) through the Teaching Aid Development Program.

aisc-model-viewer's People

Contributors

otaithleigh avatar denavit avatar pocogato avatar

Stargazers

Luis C. Pérez Tato avatar

Watchers

James Cloos avatar  avatar  avatar

aisc-model-viewer's Issues

Implement sidebar

Implement sliding sidebar with links to the associated drawings, calculations, etc. Possibly use the viewer object to keep track of things? Or create a new Page class that manages the viewer, sidebar, header, etc.

Improve rendering of model

Currently the rendered model uses flat shading that makes it hard to distinguish edges. This could be an issue of simply picking a different shader, or may need something more complicated.

WT Connection

Models:

  • Primary 3D model
  • Tensile rupture
  • Block shear 1: web shear
  • Block shear 2: flange shear + flange tension
  • Block shear 3: flange shear + web tension

2D Drawings:

  • Primary 2D drawing
  • Distance l for shear lag

Calculations:

  • Tensile yield
  • Tensile rupture
  • Block shear 1
  • Block shear 2
  • Block shear 3

More fun:

  • "What if" questions

Collections: incorrect href for Link

Links are generating incorrect hrefs at the moment; for example the double angle calcs are being linked to double-angle/calculations.html instead of just calculations.html.

Requested changes from May 29 check-in

  • Make the sidebar default to off for mobile
  • In the tensile rupture model, pull the double angle a bit farther away from the connection
  • Add strength equation to model page (e.g. add Pn = (AnU)Fu to the tensile rupture model, with An highlighted the same color as the area)
  • On the more fun page, add
    • a figure showing the work point
    • a request for other more fun items
    • some "what if" questions
    • something about U
  • WF on its side as the home icon

Double Angle Connection

Models:

  • Primary 3D model
  • Tensile rupture
  • Block shear

2D drawings:

  • Primary 2D drawing
  • Tensile rupture
  • Distance l for shear lag
  • Block shear
  • Bolt group numbering
  • Bolt group lc for double angle tearout
  • Bolt group lc for gusset plate tearout

Calculations:

  • Tensile yield
  • Tensile rupture
  • Block shear
  • Bolt shear/bearing/tearout

More fun:

  • Work point figure
  • "What if" questions
  • Something about U
  • Request for other more fun items

WF Gusset Plate Connection

Models:

  • Primary 3D model
  • Block shear
  • Tensile rupture

2D Drawings:

  • Primary 2D drawing
  • Tensile rupture
  • Block shear
  • Bearing/tearout lc

Calculations:

  • Tensile yield
  • Tensile rupture
  • Block shear
  • Bolt shear
  • Bearing/tearout

More fun:

Slotted HSS Connection

Models:

  • Primary 3D model
  • Tensile rupture
  • Weld failure
  • Base metal: shear rupture of HSS
  • Base metal: block shear of plate

2D Drawings:

  • Primary 2D drawing
  • Tensile rupture
  • Base metal (HSS)
  • Base metal (plate)

Calculations:

  • Tensile yield
  • Tensile rupture
  • Weld strength
  • Base metal: shear rupture of HSS
  • Base metal: block shear of plate

More fun:

  • "What if" questions

Guide to 2D drawings

Line types

Solid, dashed, break, etc.

Weld symbols

Simple, stick to fillet welds

Bolts

Lots of ways to show bolts

Abbreviations

  • Center line
  • Top of steel
  • Near side/far side

Drawing conventions

  • Don't double define dimensions

Container for renderer doesn't ever shrink

The container for the renderer doesn't ever shrink. It seems to grow properly, but resizing the window smaller gradually moves the model off-screen. Inspecting the element shows that its height only ever increases. My current suspicion is that this is a CSS issue, possibly with flexbox.

Model paths relative to root, not bundle

Paths to the model files are currently being interpreted relative to the root instead of the location of the main bundle. So the viewer works fine locally when using the webpack dev server, but when uploading it to Volweb the model page looks for https://volweb.utk.edu/neyland-connection.gltf instead of https://volweb.utk.edu/~ptalley2/model-viewer/neyland-connection.gltf. (Main bundle is at ~ptalley2/model-viewer.)

This may be caused by f12b867, which changed how file-loader handled assets.

Credits

Each page should have credits, whether on the page itself or on a master page. e.g.


Double Angle Connection

Models

  • Nicolo Franceschetti
  • Peter Talley

Structural Drawing

  • Peter Talley

Calculations

  • Mark Denavit

Maybe it doesn't have to broken down by pieces, and could just be (in alphabetical order?)


Double Angle Connection

  • Mark Denavit
  • Nicolo Franceschetti
  • Peter Talley

Whatever we go with, there should probably be guidance in the contribution guidelines.

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.