mirror of
https://github.com/facebookresearch/pytorch3d.git
synced 2025-08-02 03:42:50 +08:00
Summary: A few small website updates: - changed the tutorials to point to the `stable` tag on github so we don't have to update the website each time we want to run them! - changed the colab button - re ran notebook cells to update the images for textured meshes Once these fixes are landed I can build and publish the website. Reviewed By: bottler Differential Revision: D20484836 fbshipit-source-id: 603a05e752f631c60d1a3abb9adeb1b9b451ab98
81 lines
2.9 KiB
JavaScript
81 lines
2.9 KiB
JavaScript
/**
|
|
* Copyright (c) Facebook, Inc. and its affiliates.
|
|
* @format
|
|
**/
|
|
|
|
const React = require('react');
|
|
|
|
const CWD = process.cwd();
|
|
|
|
const CompLibrary = require(`${CWD}/node_modules/docusaurus/lib/core/CompLibrary.js`);
|
|
const Container = CompLibrary.Container;
|
|
const MarkdownBlock = CompLibrary.MarkdownBlock;
|
|
|
|
const TutorialSidebar = require(`${CWD}/core/TutorialSidebar.js`);
|
|
const bash = (...args) => `~~~bash\n${String.raw(...args)}\n~~~`;
|
|
|
|
class TutorialHome extends React.Component {
|
|
render() {
|
|
return (
|
|
<div className="docMainWrapper wrapper">
|
|
<TutorialSidebar currentTutorialID={null} />
|
|
<Container className="mainContainer documentContainer postContainer">
|
|
<div className="post">
|
|
<header className="postHeader">
|
|
<h1 className="postHeaderTitle">
|
|
Welcome to the PyTorch3D Tutorials
|
|
</h1>
|
|
</header>
|
|
<p>
|
|
Here you can learn about the structure and applications of
|
|
Pytorch3D from examples which are in the form of ipython
|
|
notebooks.
|
|
</p>
|
|
<h3> Run interactively </h3>
|
|
<p>
|
|
At the top of each example you can find a button named{' '}
|
|
<strong>"Run in Google Colab"</strong> which will open the
|
|
notebook in{' '}
|
|
<a href="https://colab.research.google.com/notebooks/intro.ipynb">
|
|
{' '}
|
|
Google Colaboratory{' '}
|
|
</a>{' '}
|
|
where you can run the code directly in the browser with access to
|
|
GPU support - it looks like this:
|
|
</p>
|
|
<div className="tutorialButtonsWrapper">
|
|
<div className="tutorialButtonWrapper buttonWrapper">
|
|
<a className="tutorialButton button" target="_blank">
|
|
<img
|
|
className="colabButton"
|
|
align="left"
|
|
src="/img/colab_icon.png"
|
|
/>
|
|
{'Run in Google Colab'}
|
|
</a>
|
|
</div>
|
|
</div>
|
|
<p>
|
|
{' '}
|
|
You can modify the code and experiment with varying different
|
|
settings. Remember to install pytorch, torchvision, fvcore and
|
|
pytorch3d in the first cell of the colab notebook by running:{' '}
|
|
</p>
|
|
<MarkdownBlock>{bash`!pip install torch torchvision
|
|
!pip install 'git+https://github.com/facebookresearch/pytorch3d.git@stable'`}</MarkdownBlock>
|
|
This installs the latest stable version of PyTorch3D from github.
|
|
<h3> Run locally </h3>
|
|
<p>
|
|
{' '}
|
|
There is also a button to download the notebook and source code to
|
|
run it locally.{' '}
|
|
</p>
|
|
</div>
|
|
</Container>
|
|
</div>
|
|
);
|
|
}
|
|
}
|
|
|
|
module.exports = TutorialHome;
|